開篇-環境配置
環境配置：
使用vue-cli搭建項目框架，需要用vue3的話，得先把vue-cli的版本升級到vue-cli@4.5以上
npm install -g @vue/cli
配置預選項：
選版本號：3.x
選css擴展語言：dart-scss
《為什么選dart-scss？》
-
dart-scss比node-scss快很多（node-scss基於ruby的，運行速度很慢） -
后續更新的功能也都加到了dart-scss中，是在一直維護、最新的了。
代碼格式：eslint+prittier
單元測試：mocha+chai
Jest缺點：
配置文件位置：獨立配置文件
創建成功：
安裝后啟動項目：
啟動項目報錯：
解決方案：
-
切換鏡像重新安裝NPM包依賴 -
比如，更新npm：npm i -g npm -
把package-lock.json鎖文件刪掉 -
重新安裝（這里應該就可以了，不可以繼續走下邊） -
安裝后把警告解決一遍，更新相關依賴版本號。（依賴信息如下，相關文檔 見這里）
啟動成功
目錄規划：
- docs // 文檔
- （這里嘗鮮用vitepress，推薦穩定的vuepress，只不過打包速度慢，vitepress只起了服務沒打包的過程所以速度很快）
- src
- example // 組件使用demo
- button.vue
- app.vue
- main.js
- packages // 組件包源碼
- button
- src
- button.vue
- button-else.vue
- index.js // 單組件入口
- index.js // 入口
- style // 組件樣式
- common // 公共樣式
- mixins // 混合方法
- button.scss // 單個組件樣式
- test // 單元測試