HBuilder是一个快速、方便的Web项目、APP项目编辑开发工具，可以用来对APP进行打包。如果在创建Web项目时，选择JavaScript版本是ES5，后来在编辑项目时需要切换到ES6，该如何操作呢？下面利用一个实例说明将Web项目的JavaScript版本切换到ES6，操作如下：
工具/原料
1
Vue.js
2
JavaScript
3
CSS3
4
HTML5
5
HBuilder
6
浏览器
7
截图工具
方法/步骤
1
第一步，打开HBuilder工具，然后鼠标右键新建Web项目VueJS，注意引入Vue.js核心文件，如下图所示：
2
第二步，在项目文件夹上鼠标右键，选择“属性”，点击打开项目属性设置窗口，如下图所示：
3
第三步，在左侧菜单栏找到“语法&框架”，将JavaScript版本切换到ECMAScript6，然后点击“应用--->确定”，如下图所示：
4
第四步，在VueJS项目里创建vue文件夹，并在这个文件夹里新建HTML5页面vueone.html，如下图所示：
5
第五步，在vueone.html静态页面，引入vue.js，并在主体里插入div、span和button，如下图所示：
6
第六步，在定义vue.js对象，初始化vuejs函数，并进行传值；在浏览器中查看效果，如下图所示：
注意事项
1
注意HBuilder将JavaScript版本由ES5切换到ES6
2
注意Vue.js核心js代码编辑以及放置的位置
上一篇：隔热保温涂料种类