Node.js 開發環境搭建

使用統一的目錄安裝開發環境

如: D:dev

使用版本管理工具 NVM 安裝 Node.js 和 NPM

• Linux/macOS 下: https://github.com/creationix...
• Windows 下：https://github.com/coreybutle...

NVM 安裝及配置

• 下載免安裝版本並解壓到 dev/nvm 目錄
• 以管理員身份運行 install.exe 直接回車，在磁盤根目錄生成 settings.txt ，修改該文件並剪切到 nvm 目錄

root: D:\dev\nvm 
path: D:\dev\nodejs
arch: 64 
proxy: none
node_mirror: http://npm.taobao.org/mirrors/node/ 
npm_mirror: https://npm.taobao.org/mirrors/npm/

若是安裝不成功，可嘗試去除鏡像設置，使用源安裝。

• 修改環境變量

添加或修改系統環境變量

NVM_HOME=D:devnvm

NVM_SYMLINK=D:devnodejs

• 在 path 中替換原來關於原始安裝目錄的配置

;%NVM_HOME%;%NVM_SYMLINK%;

NVM 經常使用命令

// 查看本地已安裝的node.js版本
nvm list 
// 查看遠程的 node.js 版本
nvm list available
// 安裝node.js 穩定版|最新版|指定版本
nvm install stable|latest|6.10.2 32|64|all
nvm install latest 64
// 使用指定版本
nvm use 6.10.2

NPM 包管理

• 在 dev 文件夾下建立 npm-cache 和 npm-global 子文件夾，分別用以存放包緩存和全局包
• 在命令行窗口輸入如下命令並運行，使前述說起的文件夾設置生效

npm config set prefix "D:\dev\npm-global"
npm config set cache "D:\dev\npm-cache"

• 添加系統變量 NPM_GLOBAL 並附加 ;%NPM_GLOBAL% 到 Path 上

NPM_GLOBAL=D:devnpm-global

• 使用本教程進行搭建,推薦使用 npm 管理全局包,使用 yarn 管理項目依賴包

使用 nrm 管理 npm 安裝源

// 全局安裝 nrm
npm -g i nrm
// 查看可用源
nrm ls
// 使用淘寶鏡像
nrm use taobao

使用 yarn 安裝包

• 設置環境變量,並附加到 Path 上

YARN_HOME="D:Devnpm-globalnode_modulesyarnbin"

• 全局安裝yarn

npm -g i yarn

依賴更新工具 npm-check

// 查看依賴包是否有更新，先安裝npm-check
npm i -g npm-check
// 檢查npm包的狀態，經過上下鍵能夠移動光標，使用空格鍵能夠選擇須要處理的包，回車直接進行處理。
npm-check -u -g