2利用HbuilderX初始化项目

2利用HbuilderX初始化项目,第1张

利洞弊用HbuilderX初始化项目

点击HbuilderX菜单栏文件>项目>新建

选择uni-app,填写项目名称,项目创建的目录

运行项目

在菜单栏中点击运行,运行到浏览器,选择浏览器即可运行

在微信开发者工具里运行:进入hello-uniapp项目,点击工具栏的运行 ->让慎 运行到小程序模拟器 ->微信开发者工具,即可在微信开发者工具里面体验uni-app

在微信开发者工具里运行:进入hello-uniapp项目,点击工具栏的运行 ->运行到手机或模拟器 ->选择调式的手机

注意:

如果是第一次使用,需要先配置小程序ide的相关路径,才能运行成功

点击打开小程序的文件夹地址 

微信开发者工具在设置中安全设置,服务端口开启 

点击开启服务器端口坦颤敬

1.HbuilderX创建项目,选择uni-app,选择默认模正判毕板1.HbuilderX创建项目,选择uni-app,选择默认模板

2.配置举芹appId

3.vuex

uni-app 内置了 vuex。但是需要结合第三方来一起协作。默认的模板项目首先是没有node-modules模块依赖的,首先需要初始化webpack,然后建store文件夹,在main.js中引入

4.创建自冲陆己习惯的目录结构

5.配置微信开发者工具路径

点击 运行 ->运行到小程序模拟器 ->微信开发者工具

这喊并是卡了导致的

hubuilder对系统的要求配置挺高笑渗搏的,所以在低配的电脑碰祥上使用不是很流畅

建议在4g及以上的电脑上运行该软件,升级该软件为最新版


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/12447983.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-23
下一篇2023-05-23

发表评论

登录后才能评论

评论列表(0条)

    保存