一:如果没有pnpm,先安装pnpm
二:使用npx工具和degit工具从 GitHub 上的 dcloudio/uni-preset-vue
仓库克隆一个名为 vite-ts
的分支,到项目中.
执行完上面命令后,去manifest.json添加appid(自己微信小程序的Id),也可不执行直接下一步,执行pnpm install ,再执行pnpm:dev:mp-weixin,最后打开微信开发者工具把dlist里的dev里的mp-weixin导入,(如果没有输入appid),会有提示.
三:下载三个插件:快速创建uni页面, uni代码提示, 鼠标悬停的时候查看文档
四:下载并配置ts环境.
先下载环境
再去tsconfig.json按照以下进行配置. ![](https://img-blog.csdnimg.cn/direct/a463efe177b84693babb35313f14c50e.png)
五:json的注释问题
六:安装uni-ui库
之后就可以参考uni官网里的组件下的扩展组件里的进行执行配置.