一、安裝node.js軟件
1、本例子中自行修改為"d:\nodejs",然后一路點"next"一直到安裝軟件完成。



二、 修改nodejs配置
1、打開windows的終端,輸入如下命令,表示nodejs安裝成功。

2、在"D:\nodejs"目錄下(及:nodejs的安裝目錄),新建兩個目錄"node_cache"、"node_global"。如下圖:

3、然后運行以下兩條命令:
- npm config set prefix "D:\nodejs\node_global"
- npm config set cache "D:\nodejs\node_cache"

4、我們再來關注一下npm的本地倉庫,輸入命令"npm list -global",如下圖:

5、輸入命令"npm config set registry=http://registry.npm.taobao.org" 配置鏡像站,如下圖:

6、檢查一下鏡像站行不行,輸入命令"npm config get registry",如下圖:

7、輸入命令"npm config list"顯示所有配置信息,如下圖:

8、使用"npm install npm -g"命令,更新或安裝npm。
注意:"-g": 這個參數意思是封裝到global目錄下,也就上面設置的"D:\nodejs\node_global"目錄里面。

9、再次使用"npm list -global"命令,可以發現"D:\nodejs\node_global"目錄下已經不為空了。

10、此時默認的模塊"D:\nodejs\node_modules"目錄,改變為"D:\nodejs\node_global\node_modules"目錄,所以需要配置環境變量。
增加環境變量"NODE_PATH"內容是:"D:\nodejs\node_global\node_modules"。如下圖:
注意:配置環境變量完成后,需要重新打開CMD讓上面的環境變量生效。

三、安裝Vue.js
1、使用命令"npm install -g @vue/cli",安裝@vue。如下圖:


2、使用"vue --version"命令,查看vue的版本信息失敗。如下圖:

3、編輯path環境變量,添加"D:\nodejs\node_global"。如下圖:

4、重新打開,windows的終端。輸入命令"vue --version"命令。如下圖:

至此Vue.js安裝成功。
四、使用Vue.js創建項目
打開windows終端,輸入"vue ui"命令,會打開vue的web頁面界面來創建項目。







五、運行新建的Vue項目


六、為新建的Vue項目,安裝插件




----------------------------------------------------------------------------------------
參考鏈接地址:
