新建vue專案

（1）理想狀態下，IDEA系列編輯器會有新建vue專案的入口，按照常規的流程新建即可

（2）手動去新建一個vue專案流程如下：

前提：已安裝node環境，安裝cnpm則下載資源會比npm更快更穩定

可選項：npm i -g cnpm --registry=https://registry.npm.taobao.org

1、進入到目標路徑

2、安裝腳手架工具（vue-cli）

cnpm i -g vue-cli

3、檢視是否安裝成功

vue -V

4、專案安裝

vue init webpack vuepro

提示目錄已存在，是否繼續：Y

Project name（工程名）:回車

Project description（工程介紹）：回車

Author：作者名

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

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

Use ESLint to lint your code（是否使用ESLint檢查程式碼，我們使用idea即可）：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)：選擇：No, I will handle that myself

5、初始化專案

（1）進入專案目錄

（2）初始化專案

6、執行專案

cnpm run dev

Ctrl+C退出執行

7、配置idea，在idea中開啟專案進行開發的配置

File - Settings - Languages&Frameworks - JavaScript：修改JavaScript language version為ECMAScript 6，確認

File - Settings - Plugins：搜尋vue，安裝Vue.js

Run - Edit Configurations...：點選加號，選擇npm，Name為Run，package.json選擇你工程中的package.json，Command為run，Scripts為dev

繼續點選加號，選擇npm，Name為Build，package.json選擇你工程中的package.json，Command為run，Scripts為build,然後就可以直接在idea中打包了。