Vue.js 安裝及其環境搭建

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了。