npm 包管理工具





能註冊後看簡單的功能

訂單加信息


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



運行自定義的腳本

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

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

運行方式 :
npm run CSOR-serve





代理到本機的  FQ軟件 , 具體的服務器地址配置在 SS 上 , 不須要每一個軟件都知道 外網服務器 IP 和端口
彷佛能夠全局FQ , 就不須要每一個軟件都這樣配置了

經常使用命令

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 確認下是否更改爲功 , 有出現的是生效的配置


如何給 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







相關文章
相關標籤/搜索