使用命令行创建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官网里的组件下的扩展组件里的进行执行配置.

相关推荐
前端Hardy6 分钟前
前端圈沸腾!这个动画库月下载超 3000 万次,已经快成行业标准了
前端
文阿花19 分钟前
Echarts实现自动旋转柱状3D扇形图
前端·3d·echarts
sp4220 分钟前
使用 Vite 与 NativeScript
前端
前端Hardy26 分钟前
GitHub 爆火!Three.js + React + ECharts 打造最强数据大屏
前端·javascript
如果超人不会飞26 分钟前
TinyRobot AI 对话组件库全组件使用指南
前端·vue.js
lichenyang45328 分钟前
ArkTS 资源与暗色模式:为什么我手机切暗色,App 内容区却不变
前端
老王以为1 小时前
Claude Code 的产品哲学:当价值观成为架构
前端·claude·vibecoding
程序员黑豆1 小时前
AI全栈开发 - Java:变量
java·前端·ai编程
tedcloud1231 小时前
HyperFrames部署教程:用HTML生成MP4视频
前端·数据库·人工智能·html·音视频
江米小枣tonylua1 小时前
真多线程!Bun作者要给JS大手术
前端