跟著 Vue 闖蕩前端世界 - 02 使用 Vue-cli 建構專案

如果這個 module 有機會被許多組件(component) 使用，此時若需要不斷的在四處 import toastr 模組好像有點累；這時就可以考慮在 webpack 中設定自動 import modules，設定方式如同前篇文章設定 jQuery 方式一樣，請開啟 webpack.base.conf.js 參考以下設定。
https://dotblogs.com.tw/wasichris/2017/03/02/230516  看到上面這段

https://dotblogs.com.tw/wasichris/2017/03/01/172049

把這個作者的跟著走一遍(不過似乎版本已經更新，要用cli3)

https://cli.vuejs.org/guide/plugins-and-presets.html#plugins  官網文章也看一看

npm install sass-loader node-sass --save-dev 結果scss是可以用的

https://segmentfault.com/a/1190000017020755 一份超级详细的Vue-cli3.0使用教程[赶紧来试试！]

vue-cli3.0 安装jQuery
https://juejin.im/entry/5b446efde51d45194e0b8985


vue-cli 3.0的指令
vue serve 同npm run serve(同過去的npm run dev)， 但是Valid entry file should be one of: main.js, index.js, App.vue or app.vue.

npm run serve 執行開發模式下的專案

npm run build 建立整個專案的dist/資料夾並放入inline js等等的格式

vue build MyComponent.vue 為該檔案建立dist/資料夾並放入inline js等等的格式

vue create . / vue create <name> 同過去的vue init

vue ui 叫出vue 圖形化介面

vue add <plugin> Installing Plugins in an Existing Project

為了讓 main.js 比較乾淨，因此建立 src/setup 資料夾來放置其他需要設定引用的相關 js 檔。