npm 包管理工具

能注冊后看簡單的功能

訂單加信息

下單之前的判斷要配合海潮的遷移數據

運行自定義的腳本

在 package.json 的 scripts 里添加自定義的結點 ( 比如 CSOR-serve )

"scripts": {
    "CSOR-serve": "node cross-origin-server.js",
    "AngularVersion": "ng -v"  
  },

4

 

1

"scripts": {

2

    "CSOR-serve": "node cross-origin-server.js",

3

    "AngularVersion": "ng -v"  

4

  },

運行方式 :

npm run CSOR-serve

代理到本機的  翻牆軟件 , 具體的服務器地址配置在 SS 上 , 不需要每個軟件都知道 外網服務器 IP 和端口

似乎可以全局翻牆 , 就不需要每個軟件都這樣配置了

常用命令

npm install <name>安裝nodejs的依賴包

例如npm install express 就會默認安裝express的最新版本，也可以通過在后面加版本號的方式安裝指定版本，如npm install express@3.0.6

npm install <name> -g  將包安裝到全局環境中

但是代碼中，直接通過require()的方式是沒有辦法調用全局安裝的包的。全局的安裝是供命令行使用的，就好像全局安裝了vmarket后，就可以在命令行中直接運行vm命令

npm install <name> --save  安裝的同時，將信息寫入package.json中
項目路徑中如果有package.json文件時，直接使用npm install方法就可以根據dependencies配置安裝所有的依賴包

制定版本 :
在組件的后面加上 @版本號 , 例如 :
npm install --save react-router@2.8.1

這樣代碼提交到github時，就不用提交node_modules這個文件夾了。

npm init  會引導你創建一個package.json文件，包括名稱、版本、作者這些信息等

npm remove <name>移除

npm update <name>更新

npm ls 列出當前安裝的了所有包

npm root 查看當前包的安裝路徑

npm root -g  查看全局的包的安裝路徑

npm help  幫助
比如查看install命令的幫助 , npm help install

刪除淘寶源
npm config edit 
會打開配置文件文本
或者 
npm config delete registry
npm config delete disturl

然后用 npm config list 確認下是否更改成功 , 有出現的是生效的配置   
 

x

 

1

npm install <name>安裝nodejs的依賴包

2

3

例如npm install express 就會默認安裝express的最新版本，也可以通過在后面加版本號的方式安裝指定版本，如npm install express@3.0.6

4

5

npm install <name> -g  將包安裝到全局環境中

6

7

但是代碼中，直接通過require()的方式是沒有辦法調用全局安裝的包的。全局的安裝是供命令行使用的，就好像全局安裝了vmarket后，就可以在命令行中直接運行vm命令

8

9

npm install <name> --save  安裝的同時，將信息寫入package.json中

10

項目路徑中如果有package.json文件時，直接使用npm install方法就可以根據dependencies配置安裝所有的依賴包

11

12

制定版本 :

13

在組件的后面加上 @版本號 , 例如 :

14

npm install --save react-router@2.8.1

15

16

這樣代碼提交到github時，就不用提交node_modules這個文件夾了。

17

18

npm init  會引導你創建一個package.json文件，包括名稱、版本、作者這些信息等

19

20

npm remove <name>移除

21

22

npm update <name>更新

23

24

npm ls 列出當前安裝的了所有包

25

26

npm root 查看當前包的安裝路徑

27

28

npm root -g  查看全局的包的安裝路徑

29

30

npm help  幫助

31

比如查看install命令的幫助 , npm help install

32

33

刪除淘寶源

34

npm config edit 

35

會打開配置文件文本

36

或者 

37

npm config delete registry

38

npm config delete disturl

39

40

然后用 npm config list 確認下是否更改成功 , 有出現的是生效的配置   

41

42

43

如何給 NPM 設置代理

npm config set proxy=http://127.0.0.1:8087

npm config set registry=http://registry.npmjs.org

npm config set <key > <value >

官方的倉庫

https://registry.npmjs.org

幫助文檔

比如  npm start 命令的幫助文檔

file:///C:/Program%20Files/nodejs/node_modules/npm/html/doc/cli/npm-start.html

清理緩存

npm cache verify

舊版本是

npm cache clean

已經安裝的

cnpm install -g tsun

npm install -g protractor

npm install --global mocha

 

npm  install    -g cnpm

cnpm@4.5.0

2017.3.28

npm install -g vue

以前安裝的    npm install -g vue@2.1.6

npm install -g element-ui -S

似乎安裝失敗，第1次嘗試：

似乎安裝失敗，第2次嘗試： 

常用命令

npm 安裝參數中的 --save-dev 是什么意思

-save和save-dev可以自動修改項目里的 package.json 文件

spm install module-name -save 自動把模塊和版本號添加到dependencies部分

spm install module-name -save-dve 自動把模塊和版本號添加到 devDependencies部分

官方文檔說明 :

-S, --save: Package will appear in your dependencies.

-D, --save-dev: Package will appear in your devDependencies.

-O, --save-optional: Package will appear in your optionalDependencies.

設置鏡像源  淘寶

npm config set registry “https://registry.npm.taobao.org”

npm list 看已經安裝了的

效果

C:\Users\XiaoCong

+-- UNMET PEER DEPENDENCY @angular/common@^2.3.1 || ^4.0.0

+-- UNMET PEER DEPENDENCY @angular/core@^2.3.1 || ^4.0.0

+-- UNMET PEER DEPENDENCY @angular/forms@^2.3.1 || ^4.0.0

+-- @ng-bootstrap/ng-bootstrap@1.0.0-alpha.22

+-- bootstrap@4.0.0-alpha.6 invalid

| +-- jquery@3.2.1 extraneous

| `-- tether@1.4.0 extraneous

+-- create-react-app@1.3.0

| +-- chalk@1.1.3

| | +-- ansi-styles@2.2.1

| | +-- escape-string-regexp@1.0.5

| | +-- has-ansi@2.0.0

| | | `-- ansi-regex@2.1.1

| | +-- strip-ansi@3.0.1

| | `-- supports-color@2.0.0

| +-- commander@2.9.0

| | `-- graceful-readlink@1.0.1

| +-- cross-spawn@4.0.2

| | +-- lru-cache@4.0.2

| | | +-- pseudomap@1.0.2

| | | `-- yallist@2.1.2

| | `-- which@1.2.14

| |   `-- isexe@2.0.0

| +-- fs-extra@1.0.0

| | +-- graceful-fs@4.1.11

| | +-- jsonfile@2.4.0

| | `-- klaw@1.3.1

| +-- hyperquest@2.1.2

| | +-- buffer-from@0.1.1

| | | `-- is-array-buffer-x@1.1.0

| | |   +-- has-to-string-tag-x@1.1.0

| | |   | `-- has-symbol-support-x@1.1.0

| | |   +-- is-object-like-x@1.1.0

| | |   | +-- is-function-x@1.1.0

| | |   | `-- is-primitive@2.0.0

| | |   `-- to-string-tag-x@1.1.0

| | |     +-- lodash.isnull@3.0.0

| | |     `-- validate.io-undefined@1.0.3

| | +-- duplexer2@0.0.2

| | | `-- readable-stream@1.1.14

| | |   `-- isarray@0.0.1

| | `-- through2@0.6.5

| |   +-- readable-stream@1.0.34

| |   `-- xtend@4.0.1

| +-- semver@5.3.0

| +-- tar-pack@3.4.0

| | +-- debug@2.6.3

| | | `-- ms@0.7.2

| | +-- fstream@1.0.11

| | | +-- inherits@2.0.3

| | | `-- mkdirp@0.5.1

| | |   `-- minimist@0.0.8

| | +-- fstream-ignore@1.0.5

| | | `-- minimatch@3.0.3

| | |   `-- brace-expansion@1.1.6

| | |     +-- balanced-match@0.4.2

| | |     `-- concat-map@0.0.1

| | +-- once@1.4.0

| | | `-- wrappy@1.0.2

| | +-- readable-stream@2.2.6

| | | +-- buffer-shims@1.0.0

| | | +-- core-util-is@1.0.2

| | | +-- isarray@1.0.0

| | | +-- process-nextick-args@1.0.7

| | | +-- string_decoder@0.10.31

| | | `-- util-deprecate@1.0.2

| | +-- rimraf@2.6.1

| | | `-- glob@7.1.1

| | |   +-- fs.realpath@1.0.0

| | |   +-- inflight@1.0.6

| | |   `-- path-is-absolute@1.0.1

| | +-- tar@2.2.1

| | | `-- block-stream@0.0.9

| | `-- uid-number@0.0.6

| +-- tmp@0.0.31

| | `-- os-tmpdir@1.0.2

| `-- validate-npm-package-name@3.0.0

|   `-- builtins@1.0.3

+-- element-ui@1.2.5

| +-- async-validator@1.6.8

| +-- babel-helper-vue-jsx-merge-props@2.0.2

| +-- deepmerge@1.3.2

| `-- throttle-debounce@1.0.1

`-- UNMET PEER DEPENDENCY vue@^2.1.6

npm ERR! peer dep missing: @angular/core@^2.3.1 || ^4.0.0, required by @ng-bootstrap/ng-bootstrap@1.0.0-alpha.22

npm ERR! peer dep missing: @angular/common@^2.3.1 || ^4.0.0, required by @ng-bootstrap/ng-bootstrap@1.0.0-alpha.22

npm ERR! peer dep missing: @angular/forms@^2.3.1 || ^4.0.0, required by @ng-bootstrap/ng-bootstrap@1.0.0-alpha.22

npm ERR! peer dep missing: vue@^2.1.6, required by element-ui@1.2.5

npm ERR! invalid: bootstrap@4.0.0-alpha.6 C:\Users\XiaoCong\node_modules\bootstrap

npm ERR! extraneous: jquery@3.2.1 C:\Users\XiaoCong\node_modules\jquery

npm ERR! extraneous: tether@1.4.0 C:\Users\XiaoCong\node_modules\tether

搭建本地私服

報錯

2503  2502  安裝過程中報錯

Win10下安裝Node.js

環境：win10專業版，此方法可行。我的node版本 6.10.3-x64

管理員權限下的cmd里  執行

msiexec /package node-v6.10.3-x64.msi

參考：

Win10下安裝Node.js報錯 2503的解決方案

http://www.cnblogs.com/endy-blog/p/538333c871e4494fd8d3dfa80c4ddafc.html

來自為知筆記(Wiz)