intellij无法识别react语法
Author:[email protected] Date:
今天 用grunt 管理reactjs……
打开项目,一路飘红……
why……
Preferences -> Languages and Frameworks -> JavaScript -> language version下拉框里选JSX Harmony : ) ——在 Languages & Frameworks > JavaScript 条目下开启JSX语法支持。
展开 JavaScript > Libraries ,勾选 ES6 语法支持。
同时最好安装 :
我们使用ESlint来检查基本的语法错误,请继续展开 "JavaScript > Libraries > Code Quality Tools > ESLint" 菜单启用 ESLint。 ESLint 规则以 airbnb 为基础,考虑到中国国情以及团队习惯,我们进行了部分细节调整:
{ "extends": "airbnb", "rules": { "comma-dangle": [1, "never"], // 不对数组或对象末尾逗号做强制要求 "spaced-comment": [0, "always"], // 不对注释前的空格做强制要求 "func-names": 0 // 允许使用匿名函数 }}
其他完全沿用airbnb,详见 https://github.com/airbnb/javascript
代码风格设置
为了让编辑器产生的代码能够顺利通过ESLint的校验,我们在airbnb开源的基础上定制了自己的代码风格: 在 "Editor > Code Style" 菜单中点击 "Manage..." 按钮;
在弹出来的对话框里选择 "Import..."
点击确定后会出现文件选择对话框,选择本项目根目录下的 .jscsrc
文件
建议命名为KM,以便和其他代码风格区分。 本代码风格总体依然沿用 airbnb
,同样对部分细节做了调整:
{ "preset": "airbnb", "excludeFiles": [ "dist/**", "node_modules/**", "webpack*", "styleguide.js" ], "requirePaddingNewLinesBeforeLineComments": null, // 不强制注释前空行 "requireTrailingComma": null, // 不强制要求末尾逗号 "validateQuoteMarks": null, // 字符串单引号,React 属性双引号 "validateIndentation": { "value": 2, "allExcept": [ "comments" // 忽略注释中的缩进 ] }, "maximumLineLength": { "value": 80, // 单行最长80个字符,注释除外 "allExcept": [ "comments", "urlComments", "functionSignature" ] }, "requirePaddingNewLinesAfterBlocks": null,// 区块之间不强制空行 "disallowEmptyBlocks": { "allExcept": "comments" // 不把注释当成空处理 }}
调整后规则的直观体现见 styleguide.html
转载本站文章《intellij无法识别react语法》,
请注明出处:https://www.zhoulujun.cn/html/tools/CodeEditor/intelliJ/2016_0512_7825.html