如何在HBuilder中修改项目的JavaScript版本ES6

2025-04-28 22:42:26

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

如何在HBuilder中修改项目的JavaScript版本ES6

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

如何在HBuilder中修改项目的JavaScript版本ES6

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

如何在HBuilder中修改项目的JavaScript版本ES6

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

如何在HBuilder中修改项目的JavaScript版本ES6

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

如何在HBuilder中修改项目的JavaScript版本ES6

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

如何在HBuilder中修改项目的JavaScript版本ES6
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢