1.安裝node.js??

安裝完后在cmd上運行下面代碼，查看自己版本來確定自己是否安裝成功；

?

2.環境配置

2.1在安裝目錄下新建兩個文件夾node_global，node_cache，再執行下面代碼

npm config set prefix "...\node_global"? ? ?npm安裝全局文件時，會把文件安裝在prefix路徑下。此路徑下用來放置全局文件

npm config set cache "...\node_cache"? ? ? 此路徑下用來放置緩存文件

?

將node_global,node_cache添加到環境變量的path

tip:

若不自己設置全局文件路徑，nodejs會自動尋找安裝路徑下的node_modules文件夾為實際存放全局模塊的路徑。

?

2.2修改npmrc文件，文件位置在\node_modules\npm下；如果不做這個修改，則npm在運行 npm ls ?-g 的時候，仍然以默認的路徑來查找已安裝的全局模塊；

?

3.安裝淘寶的npm鏡像cnpm：?

因為npm在國內下載速度是很慢，所以就用下載安裝cnpm可以更快的下載后面的依賴等等。?

輸入下面命令進行安裝：

安裝完畢：

?

4.安裝全局vue-cli腳手架、webpack.?

? ? 命令輸入 　　1.(npm)cnpm install -g vue-cli? ?? ?? ?? ?? ?? ?? ???//全局安裝vue-cli ? ?

　　　　　　　　2.(npm)cnpm install -g webpack ? ? ? ? ? ? ? ? ? ? ? ? ?//全局安裝webpack ????

　　　　　　　　3.(npm)npm install -g webpack-dev-server ? ? ? ? ? ? //安裝webpack的本地webserver 　

　安裝完成后，vue-cli腳手架其實就已經把vue也裝掉了，所以只需輸入vue -V 和 webpack -v ?等等就可以查看安裝成功與否。

5.新建項目

cd 路徑? ?進入到項目的路徑，你的項目將會放在這個路徑里

vue init? webpack +項目名稱? ?初始化項目 一路按回車

注意：最好在選擇使用npm還是別的的時候，選擇自己設置（No,I can handle it myselft ）

　　　之后在進入你新建的項目目錄，執行cnpm install （這樣做的目的是避免用npm安裝項目卡頓）

6.運行項目

進入到項目文件夾，運行npm run dev?

?最終效果

如果是想訪問遠程計算機的項目，記得改config/index.js中的host:localhost--->host:0.0.0.0

?當host是localhost時，只會允許本機訪問，而為0.0.0.0可以允許所有的ip訪問，當然你也可以改成固定ip

同時要記得把遠程計算機的相應端口打開，像這里用到的8080端口。

?

轉載于:https://www.cnblogs.com/shiyuzuxia/p/9687546.html

總結

以上是生活随笔為你收集整理的Vuex 环境配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。