本文涉及到的項目技術環(huán)境：vue+es6; angular+bootstrap; express+ejs+es5

報錯es6語法。

現象：

報錯es6語法.png

原因：
編譯器默認識別的是es5；所以打開寫有es6的代碼，必然不認識，必然報錯。
設置：

設置.png

英文版：
Settings => Languages & Frameworks => Javascript；
把 Javascript Language version 改為 ECMAScript 6
擴展：

image.png

js發(fā)展：
主要經歷的大版本：es3-es5-es6
每次選定一個版本可以看到，支持的瀏覽器版本。

不識別的文件類型：不會高亮

比如：vue。項目中要使用vue搭建的話，打開后發(fā)現通篇都是一個顏色。
現象：

image.png

原因：
默認配置里沒有這種文件類型。不知道該按照何種文件模式高亮處理。
配置：

image.png

英文環(huán)境：
打開 Settings => File Types 找到 HTML 添加 *.vue
tip :
這樣vue文件就會被認為是一個html文件，內部寫css，js，都是會有語法提示。但是script標簽里寫6的語法還是報錯，這個時候，就要利用好script的文件類型屬性：
(2).在<script>標簽中添加type="text/ecmascript-6"，那么.vue里面的代碼會高亮并支持ES6。

(3).將script標簽添加 type=”es6” 屬性;并能解析到是javascript6版本。

<script type="es6">
</script>

1.png

2.png

定制一個文件類型

這樣在新建的時候就會出現你所要的文件，比如.vue文件。
配置：

image.png

代碼結構瀏覽

image.png

windwows>tool windws >structure (alt+7)

代碼結構
當JS代碼量很大時,幾千行,此時代碼結構可能就不清楚了,可使用其IDE進行折疊,此時可看到完整的結構了.