vue 前端nodejs環境安裝

$\color{#FF3030}{window系統 安裝nodejs環境}$

window系統 安裝nodejs環境

安裝nodejs方式

1. 官網下載 ：通過nodejs官網下載安裝 ，但有個缺陷，不同版本的nodejs無法順利的切換。
2. NVM安裝：NVM可以幫助我們快速切換 node.js版本。

下面是通過nvm安裝node.js的。

一、nvm安裝node.js

1. nvm下載
   github下載地址：https://github.com/coreybutler/nvm-windows/releases
   推薦下載第三個包：nvm-setup.zip

2. 設置鏡像
   由於nvm默認的下載地址http://nodejs.org/dist/是外國外服務器，速度非常慢，建議切換到淘寶的鏡像。
   node_mirror: http://npm.taobao.org/mirrors/node/
   npm_mirror: https://npm.taobao.org/mirrors/npm/
   修改安裝目錄下的settings文件

   node_mirror: http://npm.taobao.org/mirrors/node/
   npm_mirror: https://npm.taobao.org/mirrors/npm/
   

   或者命令設置

   nvm node_mirror https://npm.taobao.org/mirrors/node/
   nvm npm_mirror https://npm.taobao.org/mirrors/npm/
   

3. 安裝nodejs
   nvm install version (eg: nvm install 10.13.0)
   

4. 切換nodejs版本
   nvm list ： 顯示管理的 nodejs 版本
   nvm use version ： 設置使用哪個nodejs版本
   

5. 配置環境變量
   爲了全局使用nvm命令，就需要配置下環境變量。
   NVM_HOME：nvm安裝目錄
   path：%NVM_HOME%
   
   $\color{#FF3030}{ 如果npm命令無效，可以檢查這個變量的路徑是否正確。 }$
   環境變量 NVM_SYMLINK：應該將其設置爲用於標識正在運行哪個版本的node.js的路徑。NVM自動創建和維護。

6. 設置全局 node_cache（緩衝目錄）和 node_global（全局目錄）

   npm config set prefix "D:\Program Files\nodejs\node_global"
   npm config set cache "D:\Program Files\nodejs\node_cache"
   

二、安裝 vue-cli

npm config set registry https://registry.npm.taobao.org 修改鏡像庫地址(國內鏡像更快)
npm install -g vue-cli 安裝vue-cli
vue --version 查看版本號

三、安裝 cnpm

在windows系統安裝完node.js和npm後，由於需要加速從而選擇安裝cnpm，命令如下：
npm install -g cnpm --registry=https://registry.npm.taobao.org
若nodejs已配置https://registry.npm.taobao.org， 則npm install -g cnpm
cnpm -v 查看版本

四、安裝 express： Express運行在Node.js中

npm install express -g 或則 cnpm install express -g (-g 標示安裝單全局目錄node_global)