Vue環境搭建

 

一、下載node.js,地址：http://nodejs.cn,安裝完成後在cmd中查看是否已安裝成功：node -v

二、安裝淘寶npm鏡像:npm install -g cnpm --registry=https://registry.npm.taobao.org,安裝過程當中若是發生以下警告信息

npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0
C:\Users\Administrator\AppData\Roaming\npm\cnpm -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\bin\cnpm
+ cnpm@6.0.0
added 679 packages from 898 contributors in 38.097s

能夠嘗試以下操做：

cnpm install cnpm@6.0.0

使用cnpm -v 命令查看一下是否安裝成功，以下圖：

三、下面安裝vue-cli腳手架，輸入命令：cnpm install --global vue-cli  回車；驗證是否安裝成功，在命令輸入vue，出來vue的信息，及說明安裝成功；

四、利用腳手架建立vue開發項目包

vue init webpack myProjec

若是建立項目時一直處於downloading template狀態處理，但是以前安裝webpack的問題，能夠嘗試：npm install webpack -g從新安裝一下試一下。

 五、完成安裝後運行cnpm run dev便可

注：若是有相似以下警告信息，能夠按照提示進行安裝：

npm WARN ajv-keywords@2.1.1 requires a peer of ajv@^5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

進行項目目錄後運行：

npm install -g npm-install-peers

npm install -g npm

npm i ajv

 

學習交流羣：364976091