webstrom系列问题集

---

本文涉及到的项目技术环境：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发展：
主要经历的大版本：es3-es5-es6
每次选定一个版本可以看到，支持的浏览器版本。

不识别的文件类型：不会高亮

比如：vue。项目中要使用vue搭建的话，打开后发现通篇都是一个颜色。
现象：

image.png

原因：
默认配置里没有这种文件类型。不知道该按照何种文件模式高亮处理。
配置：

image.png

英文环境：
打开 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