安裝HBuilderX和運行uni-app的哪些坑
問題：遇到HBuilderX彈窗沒有node_modules
先了解npm是什麼
npm（node package manager）：node.js 的包管理器，用於node插件管理（包括安裝、卸載、管理依賴等） ，npm 是隨同 node.js 一起安裝的包管理工具，能解決 node.js 代碼部署上的很多問題，常見的使用場景有以下幾種：
- 允許用戶從 npm 服務器下載別人編寫的第三方包到本地使用。
- 允許用戶從 npm 服務器下載並安裝別人編寫的命令行程序到本地使用。
- 允許用戶將自己編寫的包或命令行程序上傳到 npm 服務器供別人使用。
npm安裝後按提示運行
有node_modules纔可以再運行
問題：遇到模擬器彈窗
修改依賴爲指定版本
-
查看 HBuilderX 對應的 NPM 依賴版本: 打開 NPM版本記錄 (opens new window)，版本號 2.0.0- 後面是與 HBuilderX 對應的版本號且小版本不會超過9，比如 HBuilderX 2.7.5.20200518 對應的版本號 2.0.0-27520200518001，2.0.0-271420200618 對應的爲 2.0.0-27920200618002。
-
批量修改 package.json 中 uni 相關依賴爲指定的版本號（去掉版本號前面 ^）。
-
對於有變化的依賴進行增刪，提示不存指定版本的依賴可以保留原始版本或者刪除，運行時提示缺少的依賴自行安裝。
問題：修改狀態，pinia狀態管理
https://zhuanlan.zhihu.com/p/533233367
重置state
有時候我們修改了state數據，想要將它還原，這個時候該怎麼做呢？就比如用戶填寫了一部分表單，突然想重置爲最初始的狀態。
此時，我們直接調用store的$reset()方法即可
問題：劉海屏適配
const { statusBarHeight, safeArea } =
uni.getWindowInfo();
const state = reactive({
navBarHeight: statusBarHeight,
topHeight: statusBarHeight,
scrollTop: 0,
isScroll: false,
timer: null,
});
底部適配：app-plus下加safearea
"app-plus" : {
"safearea" : {
"bottom" : {
"offset" : "none"
}
},
問題：iOS圖片不顯示
img修改爲image
問題：空白內容組件iOS高度0
可以使用vh
height: 53vh;
margin-bottom: 0rpx;
這樣就可以緊貼底部
問題：生產和開發環境的區分
.env.dev和.env.prod這裏配置
uniapp項目嵌入到iOS原生及交互踩坑指南
http://events.jianshu.io/p/89f698a8e59a