VUE從零開始環境搭建

1.首先要下載與安裝node.js(http://nodejs.cn/)

• 說明：
• node.exe是node.js的執行環境，類似java的java.exe
• npm用於管理nodejs元件包的下載和依賴關係包的下載，類似於java的maven或者是python的pip工具

這裡選擇windows安裝包64位的

安裝的地址自行選擇：

這裡我其他的開發工具與工作空間都在D:\Program Files資料夾下，一直next就可以，直到安裝完成

 

然後在cmd命令下檢視是否安裝成功

 

 

2.nodejs 指定全域性安裝路徑和快取路徑

• 說明：

• 單獨設定global和cache的資料夾的目的是為了修改預設存放位置，現在很多工具都把下載內容放在C盤的User目錄下，如果你的nodejs安裝路徑不在C盤，你的C盤也不想那麼大的話，儘可能設定一下。

 在nodejs安裝路徑下，新建node_global和node_cache兩個資料夾

CMD命令下執行

　　設定快取資料夾               npm config set cache "D:\Program Files\nodejs\node_cache" 

　　設定全域性模組存放路徑    npm config set prefix "D:\Program Files\nodejs\node_global" 

 

環境變數如果不配置，那麼有可能node -v在其他命令狀態下列印不出版本

 

--這裡我還是沒有配置環境變數，因為不配置也可以使用（PS:java的環境變數我都基本不配置）

 

---------------------------------------------------------------------------------------------------------------------------------------------------------

上面是搞vue之前要做的

下面是安裝vue以及vue-cli

--------------------------------------------------------------------------------------------------------------------------------------------------------

1.vue安裝

安裝vue之前，建議把cnpm 進行安裝，這個是淘寶對npm映象,npm服務在國外，如果通過npm安裝過程較慢

npm install -g cnpm --registry=https://registry.npm.taobao.org

-->cnpm安裝完成

 

vue安裝（淘寶映象對應命令npm改為cnpm即可）

npm install vue -g

2.安裝vue-cli（淘寶映象對應命令npm改為cnpm即可）

vue-cli的官網地址為：https://cli.vuejs.org/zh/

npm install vue-cli -g

 

接下來就應該是vue專案的建立了

參考：

https://www.jianshu.com/p/2fe2723d1da6

https://www.cnblogs.com/harbors/p/12673337.html