簡單瞭解 node npm cnpm

1、nodeJs

一、node介紹

nodeJs是基於Chrome v8的js運行環境，簡單的說， 就是運行在服務端的 JavaScript。不懂得像PHP、Python或Ruby等動態編程語言又想建立本身的服務（例如：前端程序員），Node.js是一個很是好的選擇。

二、node安裝、更新

若是你所使用的 node 版本已再也不被官方支持（Node 0.四、0.六、0.10 和 iojs 都已再也不被官方支持）或者是非穩定版（版本號爲奇數，如 0.7.x、0.9.x  等），而且在使用過程當中遇到了問題：

（1）檢查當前所使用的 node 版本：

node -v

（2）Windows 系統中更新 node：

從 https://nodejs.org/download 下載最新的 msi 安裝包並安裝，中文官方下載地址：http://nodejs.cn/download/ ，或者經過 homebrew 安裝

ps：Homebrew是一款Mac OS平臺下的軟件包管理工具，有安裝、卸載、更新、查看、搜索等功能。你不用關心各類依賴和文件路徑的狀況，簡單的一條指令，就能夠實現包管理。

brew install node

（3）Node.js 發佈了不少版本，使用一個版本管理器（NVM、nodist、n、nave、nodebrew）在同一臺電腦管理多個node版本，是保持版本更新的簡單方式

三、node使用

Node.js 模塊是一種能夠發佈到 npm 的包。當你建立一個新模塊時，建立 package.json 文件是第一步。

你可使用 npm init 命令建立 package.json 文件。以後，還須要建立模塊的入口文件。默認文件名是 index.js。

在index.js中，添加一個函數，做爲 exports對象的一個屬性。

exports.printMsg = function() {
  console.log("This is a message from the demo package");
}

這樣，在其餘代碼中 require("index") 就可使用這個函數了。

詳細教程參見：https://www.runoob.com/nodejs/nodejs-tutorial.html

2、npm

一、npm介紹

npm 是nodeJs環境下「安裝」開源JS庫的工具，由三部分組成：

網站：網站是開發者查找包（package）、設置參數以及管理 npm 使用體驗的主要途徑

註冊表：registry，是一個巨大的數據庫，保存了每一個包（package）的信息

命令行工具 ：CLI，經過命令行或終端運行，開發者經過 CLI 與 npm 打交道

二、npm安裝、更新

（1）安裝nodeJs就安裝好了npm

（2）測試版本 ： npm -v

（3）安裝最新版本：npm install npm@latest -g

（4）安裝下個版本：npm install  npm@next-g

三、npm使用

（1）npm安裝包：本地安裝和全局安裝

本地安裝：若是你本身的模塊依賴於某個包，並經過 NodeJs 的 require 加載，那麼你應該選擇本地安裝，下載的包將保存到node_modules目錄下。

npm install <Module Name>

eg，安裝vue 百度地圖插件到個人移動h5「項目」中使用：

全局安裝：若是你想將包做爲一個命令行工具，（好比 grunt CLI），那麼你應該選擇全局安裝。

npm install -g <Module Name>

安裝vue cli 3到個人「電腦」中搭建vue腳手架使用，eg：

安裝完成後，它即可以經過「命令行」使用，eg：

ps.   

 --save ：記錄在 package.json的「dependencies（運行時所須要的包）」，eg

npm i --save vue-baidu-map // i 是 install 的縮寫,就像 -v 是-version的縮寫, 一樣的 --save 也能夠縮寫爲 --s

--save-dev：記錄在 package.json的「devDependencies（開發時依賴的插件，會打包至線上）」裏，eg：

// PS： 你也能夠直接使用「npm install less vue-loader -D」（D大寫）

結果以下圖：

（2）npm更新安裝包

更新本地安裝包：

npm update

eg，更新本地安裝的 vue-baidu-map 包：

更新全局安裝包：

npm update -g

eg，更新全局安裝的 @vue/cli 包

（3）卸載npm安裝包

卸載本地安裝包

npm uninstall <package>

eg，卸載本地安裝的 vue-baidu-map 包：

卸載全局安裝包

npm uninstall -g <package>

ps.   如需從 package.json 文件中刪除依賴，須要在命令後添加參數 --save

npm uninstall --save <package>

3、淘寶 NPM 鏡像

淘寶 NPM 鏡像是一個完整 npmjs.org 鏡像，你能夠用此代替官方版本(只讀)，同步頻率目前爲 10分鐘 一次以保證儘可能與官方服務同步，支持 npm 除了 publish 以外的全部命令 

一、安裝

（1）臨時使用

npm --registry https://registry.npm.taobao.org install express

（2）持久使用

npm config set registry https://registry.npm.taobao.org
//能夠用npm config get registry/npm info express 驗證

（3）經過cnpm使用

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ cnpm -v  //成功後會有版本信息返回，不成功有多是node版本低

操做以下：

二、使用

官網： http://npm.taobao.org/

（1）成功安裝後，直接用cnpm代替以前的npm，安裝模塊：

cnpm install -g <Module Name>

-g表示全局安裝，本地安裝不需加。

（2）同步模塊 ，直接經過 sync 命令立刻同步一個模塊（只有 cnpm 命令行纔有此功能）

$ cnpm sync connect

（3）支持 npm 除了 publish 以外的全部命令 

npm publish： 把本身的項目包發佈到npm 上 ，供別人 npm install 安裝使用

（4）更新

cnpm update -g

（5）替換

修改官方源(npm)爲源地址

npm config set registry http://registry.npm.taobao.org/

修改源地址爲官方源(npm)

npm config set registry https://registry.npmjs.org/