前期为了更好理解Vue每个组件的含义,可以使用HBuilder编辑器来编写Vue应用程序的代码。HBuilder对Vue.js支持特别好,而且上手难度低,比较轻快,对新手来说是个非常不错的前端开发编辑器。HBuilder提供了完整的语法提示和代码输入法、代码块等,大幅提升HTML、JS、CSS的开发效率。
访问HBuilder的官网https://www.dcloud.io/hbuilderx.html,单击“Download”按钮,如图2-8所示。进入版本选择页面,这里选择标准版即可,如图2-9所示。
图2-8 HBuilder的官网
图2-9 选择标准版
下载完成后,对其进行解压,然后双击HBuilderX.exe,即可打开HBuilder软件,在主界面中选择“新建”菜单下的“项目”子菜单,如图2-10所示。
图2-10 选择“项目”子菜单
打开“新建项目”对话框,输入项目的名称,然后选择项目的模板,单击“确定”按钮,如图2-11所示。
图2-11 “新建项目”对话框
即可成功创建一个Vue项目,如图2-12所示。
图2-12 创建一个Vue项目