vscode与微信开发工具进行uniapp开发

---

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