导读 在生活和工作中,电脑和手机已成为不可或缺的必备工具,关于电脑和手机上的一些程序很多小伙伴经常都会遇到一些疑难杂症。 最近有很
在生活和工作中,电脑和手机已成为不可或缺的必备工具,关于电脑和手机上的一些程序很多小伙伴经常都会遇到一些疑难杂症。
最近有很多朋友咨询小编怎么在HBuilderX中加入图片?那么今天小编就为大家带来了HBuilderX加入图片的操作方法,还不会的朋友可以来学习一下哦。
首先,打开HBuilder,在HBuilder左侧右键新建一个web项目
![怎么在HBuilder里面添加图片](https://www.wuhaidaily.com/uploadfile/2021/0528/20210528100601287.jpg)
项目名字可以选用驼峰命名法
![怎么在HBuilder里面添加图片](https://www.wuhaidaily.com/uploadfile/2021/0528/20210528100601800.jpg)
将图片拉入img文件夹
![怎么在HBuilder里面添加图片](https://exp-picture.cdn.bcebos.com/cca2552c56ee7b7fb9bbeac66ef4fcf5ef0d4108.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1)
之后点击index.html
![怎么在HBuilder里面添加图片](https://exp-picture.cdn.bcebos.com/3b8fb4d7726b0ce22d52a2bcef781423bfb9b608.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1)
在body里面写相应的代码
![怎么在HBuilder里面添加图片](https://www.wuhaidaily.com/uploadfile/2021/0528/20210528100601880.jpg)
写完代码后保存,点击上方浏览器图标可浏览
![怎么在HBuilder里面添加图片](https://www.wuhaidaily.com/uploadfile/2021/0528/20210528100601857.jpg)
以上就是小编带来的HBuilderX加入图片的操作方法,希望可以帮助到大家哦。