Vue 項目配置

配置Vue的app項目首先須要配置本地環境。

1.下載node.js而且安裝。（根據本身電腦參數進行選擇）

打開cmd，檢查是否安裝成功。

分別輸入：

node -v

npm -v

結果如圖正確顯示出版本號表示安裝成功。

接下來經過CLI配置項目

1.全局安裝 vue-cli

在命令行輸入npm install --global vue-cli進行安裝

2.建立一個基於 webpack 模板的新項目 init webpack my-project  (項目名)

會有不少詢問Yes/No的根據須要選擇吧。（下面時個人）

接下里就是等待安裝（時間較長，若是較慢請用手機熱點）

當出現如圖所示，表示安裝完成

3.進入到項目的文件夾（cd Travel-Practice），而後運行項目（npm run dev）

顯示如圖，表示運行成功。

最後打開瀏覽器進入 http://localhost:8080進行查看

OK，大功告成，接下來就去編輯你的項目吧。

固然，推薦你們把代碼於GitHub同步，避免丟失。