1.在項目中第一次使用Vue,顯示Hello Vue
用到的包 (自己手工打包)
包 :
開發環境的包 : vue-loader vue-template-compiler css-loader
生產環境的包 : vue
安裝方式 :
npm install vue-loader vue-template-compiler css-loader --save-dev
npm install vue --save
2.在使用html-webpack-plugin
插件 + webpack-dev-server
包 來實現頁面(文件)更新之后,自動打包并且刷新頁面
包 :
開發環境的包 :webpack webpack-dev-server html-webpack-plugin
安裝方式 :
npm install webpack webpack-dev-server html-webpack-plugin --save-dev
3.在實現App.vue頂部顯示欄的時候
包 :
生產環境的包 :mint-ui
安裝方式 :
npm install mint-ui --save
4.在點擊App.vue底部Tabbar實現路由跳轉功能的時候
包 :
生產環境的包 : vue-router
安裝方式 :
npm install vue-router --save
5.使用MUI實現底部Tabbar四個選項卡按鈕時候不是使用npm安裝,是直接放在項目的statics目錄下
6.打包css
npm install style-loader css-loader --save-dev
7.打包mui中的ttf
npm install file-loader url-loader --save-dev