最近开始撸
React
的时候,一直使用的sublime text3着实让强迫症的我难受至极,本身不支持
JSX
的高亮,安装完
Babel
之后新的问题来了,格式化插件挂了。。。
前前后后尝试了两三个插件(jsfmt
etc.),都不太理想。esformatter-jsx
可以使用,但是那个对JSX
的缩进,还有对诸如switch
语句的诡异缩进,糟心。
终于在准备换IDE的时候看到了VSCode格式化插件的一个配置项有esformatter-jsx
,还可以选择prettier
。
prettier官网(科学上网)
可以看到Facebook在用它优化
React
项目的代码,没深究。
执行npm i -g prettier
下载到的包里有个bin-prettier.js
,这就是本体了。
sublime text3 直接在package control
搜索prettier
下载,打开它的User
配置项加入如下保存即可。
注意修改你本地的
node
和
node_modules
路径
{
"debug": false,
"prettier_cli_path": "/usr/local/lib/node_modules/prettier/bin-prettier.js",
"node_path": "/usr/local/bin/node",
"auto_format_on_save": false,
"auto_format_on_save_excludes": [],
"allow_inline_formatting": false,
"custom_file_extensions": [],
"max_file_size_limit": -1,
"additional_cli_args": {},
"prettier_options": {
"printWidth": 80,
"singleQuote": false,
"trailingComma": "none",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"parser": "babylon",
"semi": true,
"requirePragma": false,
"proseWrap": "preserve",
"arrowParens": "avoid"
}
}
在快捷键配置中加入
{
"keys": ["super+shift+c"],
"command": "format_javascript"
}
具体可以去github看插件作者的Readme
插件的功能不是全部功能,可以在命令行使用指令格式化代码,(也可以直接在项目中引用?)