使用VsCode创建开发Vue3+Ts+Vite uniapp步骤

827 阅读1分钟

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后保存; image.png 若没有微信小程序AppID,先去微信公众号平台进行注册。 微信公众号平台链接 mp.weixin.qq.com/。 注册成功后在开发管理-开发设置找到AppID. image.png

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

image.png

6、完成后即可进行开发