1、nodejs的安裝
①、nodejs的簡介
Node.js 是 Javascript 的運行環境(Runtime)，發布於2009年5月，它是能讓 JavaScript 程序運行在服務端的一個開發平台，類似於后端的服務器，讓項目運行在服務器上，然后通過瀏覽器訪問（例如：localhost:8080）。它讓 JavaScript 成為與Java，PHP、Python等服務端語言平起平坐的腳本語言。
②、npm 的簡介
npm 是 node.js 的包管理器，npm全稱為：node package manager，它已經整合在node.js中，我們可以理解它為后端的Maven工具，它能夠幫助前端進行項目的構建和管理。
| 工具 | 作用 | 倉庫 | 鏡像 |
|---|---|---|---|
| npm | 管理前端系統依賴 | 遠程倉庫(中央倉庫) | 淘寶鏡像 |
| maven | 管理java后端依賴 | 遠程倉庫(中央倉庫) | 阿里雲鏡像 |
Vue 工程需要建立在node.js 的基礎上。如果要使用Vue，那么安裝NodeJS是基礎，NodeJS的安裝非常的簡，以下是NodeJS的安裝步驟教：
node.js官方網址：https://nodejs.org/zh-cn/ 這里選擇下載穩定版本，下載哪個版本完全取決於自己。
1、雙擊剛剛下載的安裝包。
2、點擊Next，開始安裝。
3、勾選協議，然后點擊Next。
4、更改nodejs的安裝路徑，這里直接將C:\Program Files\nodejs改為D:\NodeJS，然后點擊Next。
5、自定義設置這里不用進行選擇，默認就好，繼續點擊Next。
6、不勾選安裝工具，繼續點擊Next。
7、點擊Install開始進行安裝。
8、等待安裝完成。
9、安裝完成，點擊Finish關閉，至此Nodejs就安裝完畢了。
10、最后驗證 nodejs 和 npm 包管理器是否安裝成功，打開cmd控制台，輸入cmd，然后依次輸入如下兩個命令：
node -v：查看nodejs的版本號。npm -v：查看npm的版本號。
出現如上提示則表明安裝成功了。
2、nodejs的相關配置
其實只要上面Nodejs的安裝完成就可以使用了，但是本人對於軟件的安裝有強迫症，就是與系統無關的軟件絕對不會安裝在C盤，而npm安裝的全局模塊和緩存默認會放在C盤，所以需要修改這兩個文件的存儲路徑，操作如下：
- 默認模塊安裝路徑：C:\Users\{你的用戶名}\AppData\Roaming\npm
- 默認緩存路徑均：C:\Users\{你的用戶名}\AppData\Local\npm-cache
2.1、修改模塊安裝路徑和緩存路徑
①、首先打開 cmd 控制台，使用如下兩個命令來查看當前使用的路徑。
npm config get prefix：查看npm下載的模塊存儲路徑npm config get cache：查看緩存存儲路徑
②、然后找到你的 node.js 安裝路徑，新建一個文件夾 node_cache。
③、接着在 cmd 控制台中輸⼊如下兩個命令：
npm config set prefix "D:\NodeJS"
作用：設置模塊存放根路徑（相當於Maven的本地倉庫），從遠程倉庫下載的模塊都會存放在該路徑下。這里設置為NodeJS的安裝路徑，因為在安裝node.js時會自動給我們創建一個node_modules文件夾(默認存放npm)，而我們在第一次使用npm命令下載模塊的時候，也會在指定的目錄創建一個node_modules文件夾用於存儲模塊，我們使其重合在一起，所以說我們的模塊實際是存放在D:\NodeJS\node_modules下的。
npm config set cache "D:\NodeJS\node_cache"
作用：設置緩存存放路徑，就是你剛剛創建的node_cache文件，將緩存存放至該文件。
④、最后繼續使用npm config get prefix和npm config get cache命令查看是否配置成功。
可以發現配置成功了。
2.2、配置系統環境變量
按照上面的這種方式不需要配置環境變量
因為上面實際的模塊存放路徑是在D:\Nodejs\node_modules下，而模塊的命令存放在D:\Nodejs\下。當我們在安裝Nodejs時，系統會默認給我們配置了一個環境變量，變量值為：D:\Nodejs\，而我們的命令恰好在這個目錄下，所以不需要再配置系統環境變量了。
注：配置環境變量的目的是可以全局訪問到命令。
右擊此電腦-->點擊屬性-->高級系統設置-->環境變量-->編輯系統變量-->找到Path雙擊
3、npm設置國內鏡像
在上面也介紹了npm和maven一樣是有中央倉庫的，眾所周知，國內直接使用 npm 的官方鏡像是非常慢的，所以這里推薦使用淘寶 npm 鏡像。
npm config set registry https://registry.npm.taobao.org
設置完成之后使用下面命令查看：
npm config get registry
輸入如下命令顯示所有配置信息：
npm config list
注意：上面配置的配置信息都會保存在本地，存放路徑：C:\Users\{用戶名}\.npmrc
如果要卸載NodeJS則必須刪除該文件，否則下次模塊和緩存的路徑還是這個。
4、npm安裝vue.js和vue腳手架
4.1、npm安裝vue.js
npm install -g vue ##下載vue.js
npm uninstall -g vue ##卸載vue.js
注意：一定要加上
-g，這是全局安裝的意思，如果不加是局部安裝，會安裝在cmd控制台當前運行的目錄下
4.2、npm安裝vue腳手架(vue-cli)
vue-cli：用於生成Vue工程模板。（它可以幫你快速開始一個vue的項目，也就是給你一套vue的結構，包含基礎的依賴庫）。vue-cli工具還內置了模板包括 webpack 和 webpack-simple
①、下載vue-cli
npm install -g vue-cli ##安裝2.x版本的腳手架
npm install -g @vue/cli ##安裝3.x版本的腳手架
注意：2.x和3.x版本的腳手架只能安裝安裝一個，否則會沖突。
②、卸載vue-cli
npm uninstall -g vue-cli ##卸載2.x版本的腳手架
npm uninstall -g @vue/cli ##卸載3.x版本的腳手架
③、更新腳手架
npm update -g @vue/cli
④、驗證是否安裝成功
vue -V
注：后面的
V是大寫的
