使用HBuilderX创建一个vue项目

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

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

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

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

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

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

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

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