剛接觸vue,js，我在這裡給出vue.js的安裝部署過程，希望剛學的vue.js的學者少走彎路。廢話不多說了，直接走你！

我把vue.js的安裝步驟分為8個：

1、到Node.js的官網下載node

node.js的下載地址，下載完成後，我在d盤新建一個資料夾“node”, 安裝到node目錄下（安裝之後環境變數自動配置了，自己無需再配），比如我的安裝路徑是：D:\node     ps:安裝路徑是自己自定義的。

2、安裝淘寶映象伺服器

安裝完node後，開啟cmd，輸入命令進入node資料夾目錄，安裝淘寶映象伺服器（代理伺服器下載依賴包速度比較快），

輸入命令

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

按回車，等待完成。

3、檢視淘寶映象伺服器的版本。（此步驟也可忽略）

安裝了淘寶映象伺服器就可以用cnpm命令了

輸入命令

cnpm -v

4、用淘寶的映象伺服器全域性安裝vue-cli

輸入命令

cnpm install -g vue-cli

回車並等待安裝完成。

安裝了vue-cli之後，就可以用vue指令了。

5、安裝webpack模板

輸入命令

vue init webpack myProject

ps:"myProject"可以自定義。

6、建立專案，並輸入各種資訊

剛剛安裝了webpack模板，現在要建立專案，並輸入名稱，描述，作者等

輸入命令

專案名稱， 描述， 作者都可自定義。

專案建立成功後，我們可以開啟node資料夾目錄，可以看到myProject。

7、安裝依賴（node-modules）

用命令進入剛剛建立的"myProject"。

安裝依賴

輸入命令

cnpm install

回車並等待完成。

安裝完成後，我們可以開啟“node”資料夾下的“myProject”，發現多了個node-modules資料夾，這個就是我們要的依賴，有了它，伺服器就能跑起來了。

8、執行伺服器

輸入命令

npm run dev

按回車並等待完成。

如果出現如下：

恭喜你，已經完成vue的安裝部署。

現在可以開啟瀏覽器輸入上面紅色框的url，看看自己的第一個vue專案吧！

修改 npm 的安裝目錄下的 npmrc檔案 增加一條 registry=http://registry.cnpmjs.org

$ npm config set registry http://registry.cnpmjs.org

就可以解決此問題了.

prefix=${APPDATA}\npm
registry=http://registry.cnpmjs.orgyuqn