npm cnpm node.js react vue.js 安裝使用

總結一下，要不總得查。   1.關于：node.js和npm

• node.js号稱是js的運作時，類似于java中的jvm了。
• npm是Node Package Manager，就是node.js的包管理工具，比如我們使用 react vue 等需要的各種組建都是通過npm來安裝。
• cnpm是淘寶的npm（支援 npm 除了 publish 之外的所有指令 https://npm.taobao.org/）。安裝方式：npm install cnpm -g –registry=https://registry.npm.taobao.org。可以通過cnpm -v檢視版本号
• windows下下載下傳node.js安裝包( http://nodejs.cn/ )，直接連npm都安裝了，版本也是新的。
• ubuntu下（ https://www.cnblogs.com/musings/p/8976074.html）

一、安裝 1.$ sudo apt-get install nodejs   2.$ sudo apt-get install npm   二、更新     1.更新npm指令如下： $ sudo npm install npm -g /usr/local/bin/npm -> /usr/local/lib/node_modules/npm/bin/npm-cli.js [email protected] /usr/local/lib/node_modules/npm 2.更新node.js指令如下： $ npm install –g n $ n latest(更新node.js到最新版) or $ n stable（更新node.js到最新穩定版）     n後面也可以跟随版本号比如：$ n v0.10.26 或者 $ n 0.10.26 三、npm鏡像替換為淘寶鏡像  1.得到原本的鏡像位址 $ npm get registry  > https://registry.npmjs.org/ 設成淘寶的 $ npm config set registry http://registry.npm.taobao.org/ 2.換成原來的 $ npm config set registry https://registry.npmjs.org/  四、選裝cnpm 1.說明：因為npm安裝插件是從國外伺服器下載下傳，受網絡影響大，可能出現異常，如果npm的伺服器在中國就好了，是以我們樂于分享的淘寶團隊幹了這事。！來自官網：“這是一個完整 npmjs.org 鏡像，你可以用此代替官方版本(隻讀)，同步頻率目前為 10分鐘 一次以保證盡量與官方服務同步。”； 2.官方網址：http://npm.taobao.org； 3.安裝：指令提示符執行npm install cnpm -g --registry=https://registry.npm.taobao.org；  注意：安裝完後最好檢視其版本号cnpm -v或關閉指令提示符重新打開，安裝完直接使用有可能會出現錯誤； 注：cnpm跟npm用法完全一緻，隻是在執行指令時将npm改為cnpm（以下操作将以cnpm代替npm） 五、全局安裝與本地安裝   npm 的包安裝分為本地安裝（local）、全局安裝（global）兩種，從敲的指令行來看，差别隻是有沒有-g而已，    比如我們使用 npm 指令安裝常用的 Node.js web架構子產品 express: $ npm install express # 本地安裝 $ npm install express -g # 全局安裝 六、解除安裝 1.先解除安裝 npm sudo npm uninstall npm -g 2.解除安裝nodejs sudo apt-get remove nodejs

  2.  在一個react或者vue項目下，一般會在README.md中給出安裝插件、調試、打包方法。 一般來講：（國内建議用cnpm，誰用誰知道）

• npm install 或者 cnpm install 安裝依賴項目
• npm run dev 啟動服務（就可以用浏覽器檢視項目了）
• npm run build 打包 （eg： npm run build && node replace.js，最後的js做一些處理）（一般會釋出到一個目錄下，直接部署到web server就可以用了）