IntelliJ IDEA配置前端开发环境
发布于 5 个月前 作者 qjzd 539 次浏览 来自 码农

概要

idea默认并不支持javascript ES6规范语法的显示。如果开发中用posscss对css做转换,那么idea中css也会标红报错。视觉上非常的不友好。这里讲一讲如何通过配置以及按照插件对前端开发有更好的支持。

配置ES6,JSX,Flow的支持。

菜单:File->Settings 配置ES6等高阶语法的支持

配置js语法的校验规则

我们开发过程中,有点时候并不想添加最后一个分号,然后如果不添加,idea会报警告。 行尾封号 在此菜单下可以配置更好语法的校验规则

配置js语法格式化规则

在格式化js文件的时候,有点时候格式化的效果不尽如人意。比如大括号中间左右两侧没有空格。 image.png 在此菜单下可以配置更多js语法的格式化规则。

配置css文件支持更多的语法特性

我们知道目前scss、sass、less有比css更多的语法特性。idea对scss后缀的文件语法支持很好。如果css使用了postcss赋予了新的特性。idea对css的显示支持就不是很友好了。 image.png 这样配置即使用postcss赋予css类似scss的语法特性,idea都可以正常的显示。

支持.vue文件

安装vue.js插件 image.png

回到顶部