购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.3 安装和使用编辑器HBuilder

前期为了更好理解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项目 zOfNl9DjV/jOofcpxpb5MA7ko6lDarhCqh5IXek7G88SuTL0xRhe3rBReDPVPZst

点击中间区域
呼出菜单
上一章
目录
下一章
×