vue-cli可視化創建項目流程

　　1、全局安裝vue-cli3.0腳手架工具

　　npm install -g @vue/cli

　2、啟動GUI創建項目向導
　　vue ui

　　填寫項目名稱等信息，直接提交，接下來就是等待時間，
　3、項目創建成功之后來到項目創建結果可視界面

 4、在這里界面中通過左側菜單可以查看項目創建結果目錄及文件結構，默認安裝了@vue/cli-service,@vue/cli-plugin-babel,
@vue/cli-plugin-eslint插件，依賴包及webpack相關配置

"devDependencies": {
    "@vue/cli-plugin-babel": "^3.7.0",
    "@vue/cli-plugin-eslint": "^3.7.0",
    "@vue/cli-service": "^3.7.0"
 }

在插件頁面可以安裝vue-router,vuex等插件到項目中

"dependencies": {

　　"core-js": "^2.6.5",

　　"vue": "^2.6.10",

　　"vue-router": "^3.0.3",

　　"vuex": "^3.0.1"

},

"devDependencies" : {

"babel-eslint": "^10.0.1", "eslint": "^5.16.0", "eslint-plugin-vue": "^5.0.0", "vue-template-compiler": "^2.5.21"
}

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  }