本文涉及到的項(xiàng)目技術(shù)環(huán)境:vue+es6; angular+bootstrap; express+ejs+es5
報(bào)錯(cuò)es6語法。
現(xiàn)象:
原因:
編譯器默認(rèn)識(shí)別的是es5幻馁;所以打開寫有es6的代碼扎酷,必然不認(rèn)識(shí)赘被,必然報(bào)錯(cuò)。
設(shè)置:
英文版:
Settings => Languages & Frameworks => Javascript;
把 Javascript Language version 改為 ECMAScript 6
擴(kuò)展:
js發(fā)展:
主要經(jīng)歷的大版本:es3-es5-es6
每次選定一個(gè)版本可以看到轻纪,支持的瀏覽器版本齿梁。
不識(shí)別的文件類型:不會(huì)高亮
比如:vue催植。項(xiàng)目中要使用vue搭建的話肮蛹,打開后發(fā)現(xiàn)通篇都是一個(gè)顏色。
現(xiàn)象:
原因:
默認(rèn)配置里沒有這種文件類型创南。不知道該按照何種文件模式高亮處理伦忠。
配置:
英文環(huán)境:
打開 Settings => File Types 找到 HTML 添加 *.vue
tip :
這樣vue文件就會(huì)被認(rèn)為是一個(gè)html文件,內(nèi)部寫css稿辙,js昆码,都是會(huì)有語法提示。但是script標(biāo)簽里寫6的語法還是報(bào)錯(cuò)邻储,這個(gè)時(shí)候赋咽,就要利用好script的文件類型屬性:
(2).在<script>標(biāo)簽中添加type="text/ecmascript-6",那么.vue里面的代碼會(huì)高亮并支持ES6芥备。
(3).將script標(biāo)簽添加 type=”es6” 屬性;并能解析到是javascript6版本冬耿。
<script type="es6">
</script>
定制一個(gè)文件類型
這樣在新建的時(shí)候就會(huì)出現(xiàn)你所要的文件,比如.vue文件萌壳。
配置:
代碼結(jié)構(gòu)瀏覽
windwows>tool windws >structure (alt+7)
代碼結(jié)構(gòu)
當(dāng)JS代碼量很大時(shí),幾千行,此時(shí)代碼結(jié)構(gòu)可能就不清楚了,可使用其IDE進(jìn)行折疊,此時(shí)可看到完整的結(jié)構(gòu)了.