1. 命令行创建uniapp项目
npx degit dcloudio/uni-preset-vue#vite-ts

生成的目录结构
2、下载依赖

npm install

3、编译成微信小程序

npm run dev:mp-weixin

在这里插入图片描述

4、导入微信开发者工具
在这里插入图片描述
5、按照uni-ui组件库

npm i @dcloudio/uni-ui

6、配置easycom-组件的自动导入
在这里插入图片描述
uni-ui文档
7、安装组件类型插件

npm i -D miniprogram-api-typings @uni-helper/uni-app-types @uni-helper/uni-ui-types

tsconfig.json中添加配置
在这里插入图片描述
8、添加文件关联,设置.json文件可添加注释
在这里插入图片描述

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐