Vue.js 安裝及其環境搭建，npm安裝，cnpm安裝

For me or other first studying vue.js。

For Windows PC:

1.先安裝node.js 安裝官網最新的即可 版本應該要大於6.0版本

nodejs的官網：https://nodejs.org/en/

 

2.安裝git Git的官網：https://git-scm.com/downloads

 

3.安裝成功后，查看PC 命令行工具，敲擊 node -v 和git --version 指令，能看到相應的版本信息，說明環境變量都已經配置成功。

 

4.然后使用node.js npm工具download ，但是npm工具在國內網絡比較慢，所以建議走cnpm 鏡像來download。

裝鏡像cnpm，在cmd中輸入:npm install -g cnpm -registry=https://registry.npm.taobao.org 回車

5.安裝成功后，使用cnpm安裝vue-cli 腳手架工具，

在cmd中輸入:  cnpm install -g vue-cli 回車，等待安裝

6.安裝成功后，在PC命令行工具，敲擊vue指令，能看到相應的信息，說明vue腳手架安裝成功。

7.然后進入需要建project的磁盤，開始創建項目：vue init webpack xxxxx   (xxxxx是你創建的項目名)

ps：第四個問題是一個選擇，你可以通過上下箭頭來選擇，一般選擇第一個

后面的問題都是根據需要來回答yes or no  vue-router 路由插件        ESLint 代碼檢查工具        unit test 單元測試        nightwatch 測試框架

做完這一步，已經出現vuedemo2文件夾，這個就是創建的項目。

 

8.然后進入創建的vuedemo2目錄，敲擊指令cnpm install 下載一些依賴。

9.然后將項目跑起來。

10.項目跑起來后，會提示如下：

11.然后訪問 http://localhost:8080

 

 

關於Vue環境安裝和測試運行部分已經OK了。

 

轉自：https://www.cnblogs.com/nx520zj/p/9605184.html