title: vscode与微信开发工具进uniapp开发
tags:
- uniapp
- 小程序
abbrlink: 649557bd
date: 2024-04-10 21:00:26
创建下载程序包
1、命令安装vue-cil
在nodejs版本安装没有问题的情况之下
npm install -g @vue/cli
2、创建ts开发工程
以下命令可能会不成功,可以去官网下载
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
3、解决vscode报错
在步骤2之后,会有响应的压缩包,解压后可以使用vscode打开,然后使用以下命令进行初始化(如果不成功,建议你用管理员权限打开windows powershell,然后跳转到这个文件,再执行下面的命令)
npm install
4、若还有其他报错
有这类问题再这样处理
"preserveValueImports": false,
"importsNotUsedAsValues": "remove",
使用微信开发者工具
在vscode的终端中运行这个微信小程序
npm run dev:mp-weixin
打开微信开发者工具,把地址选入到如下
XXXX(您的文件地址)+dis\dev\mp-weixin
C:\Users\HP\Desktop\wx-gh\dist\dev\mp-weixin