投稿
  1. 小新网首页
  2. 投稿

hbuilder怎么安装及导入图片（用hbuilder做个人网页常用代码大全）

整理侠 • • 投稿

1.打开HBuilderX软件，点击左上角的文件，再点击新建，会有多个选项我们这里选择第一个“项目”。新建中有很多选项这里我们不详细说明请见谅。

使用HBuilderX创建一个vue项目

2.新建项目弹窗中选择“普通项目”，填入项目名，选择vue项目，我这里选择了（2.6.10）的这个因项目需求创建，选择普通模式会自动下载vue.js，需要引用vue.js进行开发。

使用HBuilderX创建一个vue项目

3.如果第一次创建，没有下载vue的包，会多等一会，这里会自动下载。

使用HBuilderX创建一个vue项目

4.到此创建vue项目成功。

使用HBuilderX创建一个vue项目

5.启动测试，在目录中找到main.js文件。在vue_cli的项目中启动是通过main.js文件进行运行或打包的。

使用HBuilderX创建一个vue项目

6.右键选择外部命令，再选npm run serve进行运行，这里没有插件的话也会自动下载。npm run build 指令是对整个vue项目进行打包

使用HBuilderX创建一个vue项目

7.启动成功：根据显示的地址可以访问页面。

使用HBuilderX创建一个vue项目

8.新创建的页面默认如下

使用HBuilderX创建一个vue项目

本文来自作者:整理侠，不代表小新网立场！

转载请注明：https://www.xiaoxinys.cn/324458.html

赞 (0)
整理侠整理侠认证用户
0
上一篇 2022-12-08 01:23:06
下一篇 2022-12-08 01:39:46

相关推荐

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。