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

相关推荐
酉鬼女又兒几秒前
HTML基础实例样式详解零基础快速入门Web开发(可备赛蓝桥杯Web应用开发赛道) 助力快速拿奖
前端·javascript·职场和发展·蓝桥杯·html·html5·web
Watermelo6174 分钟前
【前端实战】构建 Vue 全局错误处理体系,实现业务与错误的清晰解耦
前端·javascript·vue.js·信息可视化·性能优化·前端框架·设计规范
A923A6 分钟前
【Vue3大事件 | 项目笔记】第二天
前端·vue.js·笔记·前端框架·前端项目
万码社20 分钟前
小程序开发实战:我手写日历组件踩过的那些坑
前端
工藤新一¹32 分钟前
《操作系统》第一章(1)
java·服务器·前端
用户97141718142732 分钟前
Flex 和 Grid 详细使用指南:从入门到实战避坑
前端·css
不会敲代码134 分钟前
使用 Mock.js 模拟 API 数据,实现前后端并行开发
前端·javascript
琛説35 分钟前
Web-Rooter:一种 IR + Lint 模式的 AI Agent 创新尝试【或许是下一个 AI 爆火方向】
前端·人工智能
用户9714171814271 小时前
absolute 元素的包含块(containing block)怎么找
前端·css
青山Coding1 小时前
Cesium应用(四):全球台风气象可视化实现
前端·vue.js·cesium