正在阅读:如何在HBuilder中修改项目的JavaScript版本ES6如何在HBuilder中修改项目的JavaScript版本ES6

2019-01-29 15:05 出处:其他 作者:佚名 责任编辑:lixianmei

  HBuilder是一个快速、方便的Web项目、APP项目编辑开发工具,可以用来对APP进行打包。如果在创建Web项目时,选择JavaScript版本是ES5,后来在编辑项目时需要切换到ES6,该如何操作呢?下面利用一个实例说明将Web项目的JavaScript版本切换到ES6,操作如下:

方法/步骤

  第一步,打开HBuilder工具,然后鼠标右键新建Web项目VueJS,注意引入Vue.js核心文件,如下图所示:

hbuilder

  第二步,在项目文件夹上鼠标右键,选择“属性”,点击打开项目属性设置窗口,如下图所示:

hbuilder

  第三步,在左侧菜单栏找到“语法&框架”,将JavaScript版本切换到ECMAScript6,然后点击“应用--->确定”,如下图所示:

hbuilder

  第四步,在VueJS项目里创建vue文件夹,并在这个文件夹里新建HTML5页面vueone.html,如下图所示:

hbuilder

  第五步,在vueone.html静态页面,引入vue.js,并在主体里插入div、span和button,如下图所示:

hbuilder

  第六步,在<script></script>定义vue.js对象,初始化vuejs函数,并进行传值;在浏览器中查看效果,如下图所示:

hbuilder

Hbuilder系列软件最新版本下载
Hbuilder软件版本:9.1.19 正式版编程开发立即查看
HBuilder软件版本:5.5.1Android软件立即查看

关注我们

最新资讯离线随时看 聊天吐槽赢奖品