這篇文章主要描述，你如何快速創建一個工程化的vue項目。
使用vue-cli,會非常容易及快速的構件一個工程化的Vue項目。我主要依賴的就是vue-cli的官方網站。https://cli.vuejs.org/zh/guide/。
基礎部分
通過以下三部我們就可以快速搭建一個vue.js工程項目
第一步，是要安裝vue-cli.
安裝vue-cli之前,需要node.js. 怎樣知道自己是否安裝了node,在項目所在目錄的git bash界面，或者打開cmd,輸入 node -v即可。注意vue-cli要求node.js的版本在8.9以上。這裏直接進入vue-cli的安裝。
安裝命令爲：
npm install -g @vue/cli
驗證是否安裝成功的命令：可以直接輸入你熟知的命令，或者輸入命令驗證vue版本，如下
vue --version
安裝會需要一點的時間，我在星巴克的環境下，大概用時1分鐘，耐心等待一下。如果安裝成功，則會顯示vue的版本號。比如 3.4.0.
第二步，創建一個工程
創建工程的命令，很簡單，就一行：
vue create project-name
然後就會蹦出下面的提示，讓你配置你的項目。
當你選擇默認設置時，這樣你只需要等待系統幫你自動創建好這個項目。此時也需要一點的時間，teminal也會提醒你"Installing CLI plugins ,this might take a while..."。 界面會有相應的狀態提示。
第三部，運行這個項目
正如創建項目成功後提示的兩條命令，一般情形，運行項目只需要運行這兩條
cd hello-march
npm install //optional,根據是否已經安裝了依賴
npm run serve
成功後顯示如下，如果沒有在瀏覽器中直接打開，那麼自行將地址複製到瀏覽器中，既可以訪問到默認構建成功的vue項目。
擴展部分
安裝插件：vue-router
由於一個前端項目，大多數情況都包含頁面之間的跳轉，頁面嵌套。所以我們選擇安裝vue-router。
vue add router //這裏問是否使用history mode,由於目前沒有後端配置，選擇了no
//安裝之後提示有問題，沒有安裝依賴，根據提示的代碼，將router的依賴安裝即可，如果沒有問題，則忽略此步。
npm install --save vue-router
//安裝成功之後，則會提醒更新後的文件夾狀態：
✔ Successfully invoked generator for plugin: core:router
The following files have been updated / added:
src/router.js
src/views/About.vue
src/views/Home.vue
package-lock.json
package.json
src/App.vue
src/main.js
至此，一個基本的vue工程項目就完成了。注意要重新運行 npm run serve,因爲安裝vue-router後，我們的文件已經發生了改變。
使用SASS
在項目中，經常會用到使用css預處理器。這裏在以上的基礎上，講解如何添加SASS。
按照vue-cli文檔安裝時，提供的命令是
npm install -D sass-loader node-sass
有時會出現報錯，改用以下兩步，分別安裝node-sass,和sass-loader.
npm install node-sass --save-dev //安裝略長
npm install sass-loader --save-dev
以上結束後，安裝成功，在package.json中會出現安裝的依賴
之後，我們就可以在 .vue文件中使用sass了。例如：
<style lang="scss" scoped>
$color:red;
.home-page{
font-size:30px;
color:$color;
}
</style>
一些可能的報錯處理
在最開始創建項目時遇到了一些問題，關鍵是根據報錯信息日誌，確定自己的報錯是什麼導致的。
