哎，近啊，被老板安排了個“小活兒”——用Vue 3開發個抖音小程序。本來以為是小菜一碟，結果… 怎么說呢，過程還是有點小曲折的。這篇文章呢，就來嘮嘮我開發過程中的那些事兒，希望能給各位準備入坑或者已經入坑的同學一點小小的參考。

起初接到任務的時候，我心里還樂呵呵的，Vue 3嘛，我熟！小程序開發嘛，我也搞過幾次！三下五除二，三天搞定！結果… 現實總是很骨感的。老板給的時間緊，要求還高，只能加班加點趕工了。

首先呢，我得選個合適的工具。我個人比較喜歡用VS Code，輕便又好用，不像某些IDE那么臃腫。當然，后還是要用小程序開發者工具來調試和預覽效果。之前用過uniapp，感覺還不錯，可以一用。這次打算直接用vue3+pinia框架來搭建，效率應該比較高，畢竟我之前已經用這套框架做過幾個項目了。這套框架上手很快，尤其是script setup語法，真的太方便了！寫起來就像寫普通的js代碼一樣，不用再寫一大堆冗余的代碼了。

然后呢，就是配置各種東西了，TypeScript、Sass、路由、狀態管理等等。這部分比較枯燥，不過還好，我之前都整理好了一套模板，直接拿來用就行了。省了不少事，不然還得一個個配置，想想就頭大。我個人比較喜歡用pinia來管理全局狀態，用起來簡單方便，文檔也比較清晰，不像某些狀態管理庫，文檔寫的云里霧里的，讓人摸不著頭腦。

說起來，開發過程中也遇到了一些小坑。比如，小程序的API和web端還是有些區別的，有些API在小程序里根本用不了，或者用法不一樣。這時候就需要查閱小程序的官方文檔，這文檔啊，說實話，有些地方也比較晦澀難懂，我經常要翻來覆去地看好多遍才能理解。

還有就是樣式方面，小程序的樣式和web端也有些不一樣，需要一些額外的處理才能讓樣式在小程序里正常顯示。我使用了Sass，這玩意兒確實好用，能夠寫出更優雅的樣式代碼。但是，小程序環境下還是有一些需要注意的點，比如一些特定的CSS屬性可能不被支持，或者需要一些額外的配置才能正常工作。

讓我頭疼的是小程序的分包配置。由于小程序體積限制，需要進行分包才能保證小程序的性能和穩定性。這部分配置起來比較麻煩，需要仔細規劃每個分包的內容，并且要處理好各個分包之間的依賴關系，不然很容易出現一些奇怪的

還好，我之前開發過一些uniapp的小程序，對分包配置已經比較熟悉了，所以這部分工作完成的還算順利。否則，光是配置分包估計就得花掉我不少時間。

調試和測試也是必不可少的環節。小程序的調試環境和web端有所不同，需要使用小程序開發者工具進行調試。這個工具雖然功能強大，但是界面比較繁瑣，用起來也比較費勁，經常會遇到一些莫名其妙的bug。

用Vue 3開發小程序，體驗還不錯，開發效率也挺高。但是，也需要注意一些小程序特有的比如API差異、樣式適配、分包配置等等。建議大家在開發之前，先仔細閱讀小程序的官方文檔，了解一些小程序開發的注意事項。

我的經驗之談，就是提前做好充分的準備，好能先搭建好一套比較完善的模板，這樣就能減少很多重復的工作，提高開發效率。

這個項目雖然比較簡單，但是也讓我對Vue 3開發小程序有了更深入的了解。以后再遇到類似的項目，應該就能更輕松地完成了。

對了，差點忘了，在開發過程中，我還使用了ESLint和Prettier來進行代碼檢查和格式化，這倆工具強烈推薦！能大大提高代碼的可讀性和可維護性。

想問問大家，你們在用Vue 3開發小程序的時候，都遇到過哪些問題呢？ 有什么好的經驗或者技巧可以分享一下嗎？ 期待你們的回復！