如何使用HBuilderX创建一个vue项目

 时间:2026-02-14 05:39:45

1、打开HBuilderX软件,点击左上角的文件,再点击新建,会有多个选项我们这里选择第一个“项目”

如何使用HBuilderX创建一个vue项目

2、新建项目弹窗中选择“普通项目”,填入项目名,选择vue项目,我这里选择了(2.6.10)的这个因项目需求创建

如何使用HBuilderX创建一个vue项目

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

如何使用HBuilderX创建一个vue项目

4、到此创建vue项目成功

如何使用HBuilderX创建一个vue项目

5、启动测试,在目录中找到main.js文件

如何使用HBuilderX创建一个vue项目

6、右键选择外部命令,再选npm run serve进行运行,这里没有插件的话也会自动下载

如何使用HBuilderX创建一个vue项目

7、启动成功:根据显示的地址可以访问页面

如何使用HBuilderX创建一个vue项目

如何使用HBuilderX创建一个vue项目

  • thinkphp如何在html页面输出数据库数据
  • 如何在jsp中加入css样式?
  • 如何用MyEclipse成功连接MySQL数据库
  • HTML表单教程 多选项的详解
  • IDEA中怎么设置选项卡关闭按钮位置
  • 热门搜索
    黄花菜怎么做好吃 怎么判断得了尖湿锐尤 青春痘怎么能治好 萧克为什么只是上将 王者荣耀艾琳怎么获得 脚崴了怎么办 蓟怎么读 甲字五笔怎么打 kindle怎么导入电子书 肝火旺怎么办