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

相关推荐
lank_M8 分钟前
Word裁剪图片转HTML走样,该在渲染层修还是入口修
前端·图像处理·人工智能·计算机视觉·html·word
IT_陈寒9 分钟前
深入理解Redis:核心原理与最佳实践
前端·人工智能·后端
Zhu75818 分钟前
开源项目-Sablewisp-轻量、现代的 Chrome 书签管理扩展(Manifest V3)
前端·chrome
wespaul19 分钟前
一条自然语言命令的 49 个节点:可视化编排与每段强校验
前端·数据库
OH_TPC20 分钟前
【鸿蒙优选三方库】@ohos/axios:前端转鸿蒙,网络层几乎不用改
前端·华为·harmonyos·鸿蒙
程序员大阳22 分钟前
副队长CSS教程(38)–transform 变换
前端·css·变换·transform
程序员Sunday31 分钟前
Vue 3 响应式原理是什么?Proxy、ref 和 reactive 有什么区别?
前端·javascript
mldong41 分钟前
一个 npm 包,九页审批中心:Vue3 项目接上工作流引擎
前端·javascript·vue.js
架构技术专栏9 小时前
Agent 工具调用:从工具声明到执行反馈
前端·人工智能·后端
别动我齐刘海10 小时前
C++ 工程化学习
java·linux·前端·c++·学习·机器学习·机器人