前期准備
1、Node.js 簡介
簡單的說 Node.js 就是運行在服務端的 JavaScript。Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。
Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。Node.js 的包管理器 npm,是全球最大的開源庫生態系統。
我們可以對此總結出幾點
- node.js是一個構建在Chrome JavaScript運行環境的平台,這是很重要的一點,node.js並不是一門語言,而是一個平台
- node.js致力於使構建速度快、穩定的網絡程序更簡單
- node.js具有事件驅動和非阻塞I/O的特色,使之輕量級並且高效率
- node.js非常適合在分布式設備運行數據密集型實時應用程序
2、下載Node.js
打開官網下載鏈接:https://nodejs.org/en/download/ 我這里下載的是node-v6.9.2-x64.msi,如下圖:
開始安裝
1、下載完成后,雙擊“node-v6.9.2-x64.msi”,開始安裝Node.js
點擊【Next】按鈕
勾選復選框,點擊【Next】按鈕
修改好目錄后,點擊【Next】按鈕
安裝完后點擊【Finish】按鈕完成安裝
至此Node.js已經安裝完成,可以先進行下簡單的測試安裝是否成功了,后面還要進行環境配置
在鍵盤按下【win+R】鍵,輸入cmd,然后回車,打開cmd窗口
安裝完后的目錄如下圖所示:
此處說明下:新版的Node.js已自帶npm,安裝Node.js時會一起安裝,npm的作用就是對Node.js依賴的包進行管理,也可以理解為用來安裝/卸載Node.js需要裝的東西
npm是什么
npm是node packaged modules的縮寫,其實是一個nodejs的module的管理工具
什么是module
所謂module和java中的包的概念很類似,一些解決方案的集合,官方會提供核心的幾個,第三方的很多
如何安裝第三方module
因為nodejs的社區很活躍,有很多好用的第三方的包,我們可以在終端中使用npm的命令安裝
- npm install [-g] <name>:使用install指令可以把nodule下載安裝的nodejs的全局的path處,不加的話會安裝到當前路徑
- npm remove <name>:移除 module
- npm update <name>:更新 module
還有一些常用命令可以看看npm常用命令
安裝完Node.js后就可以安裝第三方插件(倉庫)
1、全局安裝 nrm包管理工具(將包安裝到全局環境中)
npm install -g nrm
2、添加自定義鏡像源(倉庫)snpm到nrm
nrm add snpm http://registry.npm.souche-inc.com/
3、切換使用鏡像源倉庫snpm
nrm use snpm
查看所有的鏡像源(倉庫):nrm ls
查看當前使用鏡像源(倉庫):nrm current
測試所有鏡像速度:nrm test
測試指定鏡像速度:nrm test snap
4、接着在webstorm左下角Terminal窗口中安裝依賴(需要幾分鍾時間)
# 安裝依賴項
npm install
# 啟動
npm start
---npm 命令大全 npm install -g nrm 安裝源(鏡像倉庫) npm ls -g 列出全域node包 npm rm <name> 移除,卸載一個模塊。有以下幾種命令形式: npm rm <name> npm r <name> npm uninstall <name> npm un <name>
---nrm 命令大全 所有鏡像源:nrm ls 列出鏡像源:nrm ls * 當前使用源 當前鏡像源:nrm current 增加鏡像源:nrm add 名字 url [home] 刪除鏡像源:nrm del 名字 切換鏡像源:nrm use 名字 測試所有鏡像速度:nrm test 測試指定鏡像速度:nrm test 名字
為什么要使用nrm
我們知道可以使用npm來管理node包,方便我們來操作管理包的版本和信息。
可是由於國內網絡原因,直接使用npm官網鏡像下載安裝node包,比較耗時間,有時還不成功,所以一般會將鏡像切換為國內鏡像,比如淘寶鏡像。
但是,有時候淘寶鏡像安裝的時候,會有些問題,
還有一個原因是:有時候,可能需要隨時切換不同的源來下載包。比如切換官網的、切換淘寶的、切換公司私有的。
那么就出現了一個工具:nrm
nrm的作用: 可以幫助你,簡單快速的切換不同npm鏡像源。例如:npm、cnpm、taobao等
安裝
全局安裝nrm
npm install -g nrm
命令解析
安裝完成之后,先查看命令幫助
npm help
會列出一系列命令:
nrm ls
: 列出本機所有鏡像源(nrm帶的+自定義設置的)
npm -------- https://registry.npmjs.org/ yarn ------- https://registry.yarnpkg.com/ cnpm ------- http://r.cnpmjs.org/ * taobao ----- https://registry.npm.taobao.org/ nj --------- https://registry.nodejitsu.com/ npmMirror -- https://skimdb.npmjs.com/registry/ edunpm ----- http://registry.enpmjs.org/