1.打开HBuilderX软件,点击左上角的文件,再点击新建,会有多个选项我们这里选择第一个“项目”。新建中有很多选项这里我们不详细说明请见谅。
2.新建项目弹窗中选择“普通项目”,填入项目名,选择vue项目,我这里选择了(2.6.10)的这个因项目需求创建,选择普通模式会自动下载vue.js,需要引用vue.js进行开发。
3.如果第一次创建,没有下载vue的包,会多等一会,这里会自动下载。
4.到此创建vue项目成功。
5.启动测试,在目录中找到main.js文件。在vue_cli的项目中启动是通过main.js文件进行运行或打包的。
6.右键选择外部命令,再选npmrunserve进行运行,这里没有插件的话也会自动下载。npmrunbuild指令是对整个vue项目进行打包
7.启动成功:根据显示的地址可以访问页面。
8.新创建的页面默认如下