今天用grunt管理reactjs……
打开项目,涨得通红……
why……
从preferences-languagesandframeworks-JavaScript-language version下拉框中选择JSX Harmony : ) —— languagesframeworksjjiony
展开JavaScript Libraries,然后选中ES6语法支持。
最好同时安装:
使用ESlint检查基本语法错误。 请展开" javascriptlibrariescodequalitytoolseslint "菜单以启用eslint。 ESLint规则以airbnb为基础,考虑中国国情和团队习惯,进行了部分详细的调整。 {
' extends':'airbnb ',
' rules':{
' comma-dangle':[1,' never'],//不强制数组或对象末尾的逗号
' spaced-comment':[0,' always'],//不强制注释前面的空格
允许使用' func-names':0//匿名函数
}
代码样式设置
为了使编辑器生成的代码能够通过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'//忽略注释缩进
]
(,
'最大线性长度' : {
' value':80,//单行最长为80个字符,注释除外
' allExcept':[
' comments ',' urlComments ',' functionSignature '
]
(,
' requirepaddingnewlinesafterblocks ' : null,//块之间不强制空行
' disallowEmptyBlocks':{
' allExcept':'comments'//不将注释视为空
}