使用命令行创建uniapp+TS项目,使用vscode编辑器

一:如果没有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按照以下进行配置.

五:json的注释问题

六:安装uni-ui库

之后就可以参考uni官网里的组件下的扩展组件里的进行执行配置.

相关推荐
郑州光合科技余经理4 分钟前
同城配送调度系统实战:JAVA微服务
java·开发语言·前端·后端·微服务·中间件·php
一只小bit13 分钟前
Qt 绘图核心教程:从基础绘制到图像操作全解析
前端·c++·qt·gui
乾元25 分钟前
绕过艺术:使用 GANs 对抗 Web 防火墙(WAF)
前端·网络·人工智能·深度学习·安全·架构
HWL567927 分钟前
一个CSS属性will-change: transform
前端·css
Y淑滢潇潇27 分钟前
WEB 作业 即时内容发布前端交互案例
前端·javascript·交互
比特森林探险记30 分钟前
后端开发者快速入门react
开发语言·前端·javascript
李松桃35 分钟前
python第三次作业
java·前端·python
木子啊1 小时前
Uni-app条件编译:跨端开发终极指南
uni-app·条件编译
老毛肚1 小时前
uniapp-ruoyi-spring部署宝塔
java·spring·uni-app
熊猫钓鱼>_>1 小时前
从零到一:打造“抗造” Electron 录屏神器的故事
前端·javascript·ffmpeg·electron·node·录屏·record