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 项目,并运行到微信开发者工具的流程。仅供参考。如有其他问题,欢迎讨论~