一、腳手架的安裝

1. npm install vue-cli -g
2. vue init webpack 專案名稱
3. project name 回車
4. project description 回車
5. author 回車
6. Runtime + Compier 回車
7. Install vue-router 需要使用vue-router Y之後回車
8. useESLint to lint your code(語法檢查) n之後回車
9. set up unit tests n (設定單元測試)
10. setup e2e tests with nightwatch n
11. Should we run npm install for you after yes,use NPM 回車
12. 專案中沒用node_modules資料夾 npm install

二、腳手架設定項

設定執行npm run dev 自動開啟伺服器: /config/index.js 中 autoOpenBrowser 更改為true

三、vue專案開發相關

1. main.js 入口檔案
2. App.vue是根元件,作為頁面的入口檔案
   注意: 在 webpack 中，如果想要通過 vue， 把一個元件放到頁面中去展示，vm 例項中的 render 函式可以實現 return createElements(login)
3. 新下載的包,需要在main.js中引入,利用Vue.use()註冊新的包,在vue的例項中就可以使用包裡面的方法了.（例如sass less less-loader vue-reseverce等）
4. 靜態的css js images等可以放到src中assets中.在main.js中通過相對路徑引入 import ‘’ 來引入
5. 元件都在components 中新建,通過 import from 在路由router中匯入,在路由模組中,通過export default 來暴露路由規則,通過設定linkActiveClass來設定類名

詳細安裝方法

https://blog.csdn.net/qq_36711388/article/details/79405402