Vue新建一個demo項目

Vue新建一個demo項目

Vue是一套用於構建用戶界面的漸進式JavaScript框架。與其它大型框架不同的是，Vue 被設計爲可以自底向上逐層應用。Vue 的核心庫只關注視圖層，方便與第三方庫或既有項目整合。

1.安裝node.js

首先下載安裝node.js，如果已安裝可以跳過，下載地址：https://nodejs.org/en/

需要注意：按照提示一步步安裝即可，其中可以選擇安裝目錄，我這裏安裝到F盤，其他默認，最後Finish，這個時候環境變量有問題，這裏是少一個;。

如下，說明安裝成功。

2.安裝vue-cli

npm install -g vue-cli

3.創建項目

命令：vue init webpack demo

Project name（工程名）:回車

Project description（工程介紹）：回車

Author：作者名

Vue build（是否安裝編譯器）:回車

Install vue-router（是否安裝Vue路由）：回車

Use ESLint to lint your code（是否使用ESLint檢查js代碼）：n

Set up unit tests（安裝單元測試工具）：n

Setup e2e tests with Nightwatch（是否安裝端到端測試工具）：n

Should we run npm install for you after the project has been created? (recommended)：回車。

4.啓動項目

cd demo

npm run dev