首页 > 软件开发 > JavaScript >

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

来源:互联网 2023-03-16 23:57:45 版权归原作者所有,如有侵权,请联系我们

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

如何在HBuilder中修改项目的JavaScript版本ES6bNN办公区 - 实用经验教程分享!

工具/原料

  • Vue.js
  • JavaScript
  • CSS3
  • HTML5
  • HBuilder
  • 浏览器
  • 截图工具

方法/步骤

  • 1

    第一步,打开HBuilder工具,然后鼠标右键新建Web项目VueJS,注意引入Vue.js核心文件,如下图所示:bNN办公区 - 实用经验教程分享!

    如何在HBuilder中修改项目的JavaScript版本ES6bNN办公区 - 实用经验教程分享!

  • 2

    第二步,在项目文件夹上鼠标右键,选择“属性”,点击打开项目属性设置窗口,如下图所示:bNN办公区 - 实用经验教程分享!

    如何在HBuilder中修改项目的JavaScript版本ES6bNN办公区 - 实用经验教程分享!

  • 3

    第三步,在左侧菜单栏找到“语法&框架”,将JavaScript版本切换到ECMAScript6,然后点击“应用--->确定”,如下图所示:bNN办公区 - 实用经验教程分享!

    如何在HBuilder中修改项目的JavaScript版本ES6bNN办公区 - 实用经验教程分享!

  • 4

    第四步,在VueJS项目里创建vue文件夹,并在这个文件夹里新建HTML5页面vueone.html,如下图所示:bNN办公区 - 实用经验教程分享!

    如何在HBuilder中修改项目的JavaScript版本ES6bNN办公区 - 实用经验教程分享!

  • 5

    第五步,在vueone.html静态页面,引入vue.js,并在主体里插入div、span和button,如下图所示:bNN办公区 - 实用经验教程分享!

    如何在HBuilder中修改项目的JavaScript版本ES6bNN办公区 - 实用经验教程分享!

  • 6

    第六步,在script>/script>定义vue.js对象,初始化vuejs函数,并进行传值;在浏览器中查看效果,如下图所示:bNN办公区 - 实用经验教程分享!

    如何在HBuilder中修改项目的JavaScript版本ES6bNN办公区 - 实用经验教程分享!

  • 6相关内容未经许可获取自百度经验
  • 注意事项

    • 注意HBuilder将JavaScript版本由ES5切换到ES6
    • 注意Vue.js核心js代码编辑以及放置的位置

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!bNN办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号