簡介
本文記錄了在HBuilder中創建并配置uni-app項目的完整流程。
首先創建項目并測試運行,確認無報錯后添加uView-Plus組件庫。
隨后修改了main.js、uni.scss、App.vue等核心文件,配置manifest.json并安裝dayjs、clipboard等依賴庫。
通過調整vite.config.js和添加rollup-plugin-visualizer插件優化構建配置,同時啟用easycom組件模式。
最后完成了TypeScript支持配置,并通過多張截圖展示了各組件在不同主題色下的測試效果,驗證了整個項目的正常運行。
整個過程涵蓋了從初始化到UI組件集成的完整開發環節。
創建項目
測試運行
需要在HBuilder 中補上AppId
運行正常,沒有報錯。
添加 uview-plus
打開地址 https://ext.dcloud.net.cn/plugin?name=uview-plus
修改 main.js
修改 uni.scss
修改App.vue
配置manifest
安裝依賴庫
npm init -y
npm i dayjs
npm i clipboard
修改 vite.config.js
安裝 :rollup-plugin-visualizer
npm i rollup-plugin-visualizer -D
配置easycom組件模式
typescript支持
測試
補充:清理日志
好了,這樣日志舊干凈了。