![在这里插入图片描述](https://img-blog.csdnimg.cn/b161eb27bad34615904c5600b4108e58.gif#pic_center)
安装HBuilder-X
详细步骤可看上文》》
启动uniapp项目
先打开HBuilder-X
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/2d0df74c74e34f96aa589235a309ee17.png)
点击新建项目![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/cd5a1e8ad1f1424d94bba8171b7e47e3.png)
选择uniapp侧边栏,mian中的点击浏览
选择已经安装到本地的uniapp项目,并输入项目名称
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/25443d80098449f2b89005da983e33ac.png)
点击创建 即可创建成功
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/cfb061dc4fa7478faf767c218541225b.png)
点击运行到浏览器,选择想要显示的浏览器即可:
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/37df0bceb63d43acb55b304e19306121.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/35f41987266f488ca96f0f39ad506374.png)
其他:
下载预览浏览器
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/0fed374f8dc34596b7c9c0ebdc2d436c.png)
下载终端插件
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/e37e43f54ed34dcfad0e01352d94e621.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/b07eed3c3a5d419da8f7cfa96cae0b2d.png)
想用uni-ui
在HBuilderX 新建uni-app项目的模板中,选择uni-ui模板
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/6739f4216597473ea65940843b7efc50.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/a661158f25d145909719097e881d1327.png)
您好,我是肥晨。
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。