1、命令创建Vue3+Vite+TS版uniapp
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
2、创建完成补依赖
pnpm i
3、用HBuilderX打开创建项目
打开项目src/manifest.json文件;找到微信小程序配置,补充微信小程序AppID后保存;
若没有微信小程序AppID,先去微信公众号平台进行注册。
微信公众号平台链接 mp.weixin.qq.com/。
注册成功后在开发管理-开发设置找到AppID.
4、在VsCode中安装发开uniapp所需插件
uniapp小程序扩展 (创建组件、页面、Api提示功能等)
uni-create-view (可以快速创建uniapp视图与组件)
uni-helper (检验格式等)
5、设置Ts校验类型
安装类型声明文件 npm i -D @types/wechat-miniprogram @uni-helper-uni-app-types
配置tsconfig.json