手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Hbuilder如何创建并运行Vue项目

时间:2024-10-13 23:20:07

1、首先打开Hbuilder创建一个新项目,如下图所示

Hbuilder如何创建并运行Vue项目

2、接着模板选择Vue项目,如下图所示

Hbuilder如何创建并运行Vue项目

3、然后等待一会项目就创建好了,如下图所示

Hbuilder如何创建并运行Vue项目

4、接着右键单击选择npm run build,如下图所示

Hbuilder如何创建并运行Vue项目

5、然后继续右键单击选择npm run serve,如下图所示

Hbuilder如何创建并运行Vue项目

6、接着找底部出现的地址和端口号,如下图所示

Hbuilder如何创建并运行Vue项目

7、最后在浏览器中输入即可访问vue页面了,如下图所示

Hbuilder如何创建并运行Vue项目
© 手抄报圈