如何在HBuilder中修改項(xiàng)目的JavaScript版本ES6
HBuilder是一個(gè)快速、方便的Web項(xiàng)目、APP項(xiàng)目編輯開發(fā)工具,可以用來對(duì)APP進(jìn)行打包。如果在創(chuàng)建Web項(xiàng)目時(shí),選擇JavaScript版本是ES5,后來在編輯項(xiàng)目時(shí)需要切換到ES6,該如何操
HBuilder是一個(gè)快速、方便的Web項(xiàng)目、APP項(xiàng)目編輯開發(fā)工具,可以用來對(duì)APP進(jìn)行打包。如果在創(chuàng)建Web項(xiàng)目時(shí),選擇JavaScript版本是ES5,后來在編輯項(xiàng)目時(shí)需要切換到ES6,該如何操作呢?下面利用一個(gè)實(shí)例說明將Web項(xiàng)目的JavaScript版本切換到ES6,操作如下:
第一步:創(chuàng)建VueJS項(xiàng)目
首先打開HBuilder工具,然后鼠標(biāo)右鍵新建Web項(xiàng)目VueJS,并注意引入Vue.js核心文件。
第二步:設(shè)置項(xiàng)目屬性
在項(xiàng)目文件夾上鼠標(biāo)右鍵,選擇“屬性”,點(diǎn)擊打開項(xiàng)目屬性設(shè)置窗口。在左側(cè)菜單欄找到“語法amp;框架”,將JavaScript版本切換到ECMAScript6,然后點(diǎn)擊“應(yīng)用 -gt; 確定”。
第三步:創(chuàng)建HTML頁面
在VueJS項(xiàng)目里創(chuàng)建vue文件夾,并在這個(gè)文件夾里新建HTML5頁面。在靜態(tài)頁面中,引入vue.js,并在主體里插入div、span和button。
第四步:定義Vue.js對(duì)象并初始化
在lt;scriptgt;lt;/scriptgt;中定義vue.js對(duì)象,初始化vuejs函數(shù),并進(jìn)行傳值。在瀏覽器中查看效果。