Intellij IDEA準備
如果你想在Intellij IDEA的Terminal中構建vue-cli項目，還需要做一點準備。如果使用cmd構建，則跳過此步驟。
1）安裝vue.js
File -> Settings -> Plugins -> Browse respositoties...
搜索vue.js，右側提示Install（截圖時已安裝，未安裝會提示Install）。安裝成功後需要重啓IDEA。
2）File Types: HTML 添加 *.vue類型
File -> Settings -> Editor -> File Types -> HTML
點Registered Patterns下的+，添加 *.vue
3）設置JS
File -> Settings -> Language & Frameworks -> JavaScript
選擇 ECMAScript 6 和 Prefer Strict mode
4、構建及運行vue-cli項目
在命令行工具cmd，或者Intellij IDEA的Terminal中進入想要構建項目的目錄，輸入vue init webpack project-name，回車
webpack默認版本爲2.0，若要指定1.0，需在webpack後加上#1.0，即vue init webpack#1.0 project-name
接下來會出現幾個提示，分別是輸入項目名稱、描述、作者等，按實際情況選擇即可。
？Project name ---- 項目名稱，init命令時也填了個project-name，如果無需更改，直接回車即可；
？Project description ---- 項目描述，按需填寫。無需填寫可以直接回車；
？Author ---- 作者
？Vue build ---- 構建模式，一般默認第一個；
？Install vue-router? ---- 是否安裝vue-router。選Y。後邊構建項目會用到。
？Use ESLint to lint yout code? ---- 格式校驗，按需；
？Set up unit tests ---- 測試相關，按需；
？Setup e2e tests with Nightwatch? ---- 測試相關，按需；
？Should we run ‘npm install’ for you after the project has been created? ---- 按需，這裏我選Yes, use NPM。如果選No，後續自己在目標
目錄下執行npm install即可。
這樣構建出來的項目，可以直接運行。進入項目所在目錄，執行npm run dev，執行完看到以下提示：
Your application is running here: http://localhost:8080
在瀏覽器打開http://localhost:8080，看到這個頁面，接下來就可以開始開發了。
5、Intellij IDEA新建.vue格式文件
在開發的時候，會發現新建文件時並沒有.vue格式文件的選擇，這時我們需要做一些設置。
File -> Settings -> Editor -> File and Code Templates -> +
模板內容可以按需。可以填也可以不填
<template>
<div> {{msg}}</div>
</template>
<style></style>
<script>
export default{ data () { return {msg: 'vue模板頁'} } }
</script>
設置完成後，就能新建.vue格式的文件了。：）
