Uniapp X 创建新项目到运行微信开发者工具

uniapp x是啥？就不多说了，参考官网：https://doc.dcloud.net.cn/uni-app-x/

创建项目到运行：

1.推荐Hbuildex X 编译器

新建-项目-选uni-app 项目（红框地方是需要填选的）

2.创建完成进入项目：执行命令：npm init -y ，生成package.json 文件

3.npm install 安装依赖包

4.运行到本地小程序，如果没有此选项，需要配置一下，请看图：

在package.json 添加以下配置项：

"uni-app": {
   "scripts": {
      "dev-h5": {
        "title": "本地-h5",
        "BROWSER": "Edge",
        "env": {
          "UNI_BASE_URL": "your url",
          "UNI_PLATFORM": "h5",
          "UNI_TITLE": "your title"
        },
        "define": {
          "DEV": true
        }
      },
      "dev-wx": {
        "title": "本地-小程序",
        "BROWSER": "Edge",
        "env": {
          "UNI_BASE_URL": "your url",
          "UNI_PLATFORM": "mp-weixin"
        },
        "define": {
          "MP-DINGTALK": true
        }
      },
   }
}

5.微信小程序运行配置：

填写自己微信开发者工具的安装路径

以上配置完成，一定要重启编辑器！一定要重启编辑器！一定要重启编辑器！

6.选择项目，点击运行到本地小程序，会自动打开微信开发者工具。

7.首次运行会报错：

如果有以上报错，把下面截图的勾选上，就解决了

以上就是新建uniapp x 项目，并运行到微信开发者工具的流程。仅供参考。如有其他问题，欢迎讨论～