本文摘自PHP中文网,作者藏色散人,侵删。
下面由sublime教程栏目给大家推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件,希望对需要的朋友有所帮助!推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件
最近开始撸React
的时候,一直使用的sublime text3着实让强迫症的我难受至极,本身不支持JSX
的高亮,安装完Babel
之后新的问题来了,格式化插件挂了。。。
前前后后尝试了两三个插件(jsfmt
etc.),都不太理想。esformatter-jsx
可以使用,但是那个对JSX
的缩进,还有对诸如switch
语句的诡异缩进,糟心。
终于在准备换IDE的时候看到了VSCode格式化插件的一个配置项有esformatter-jsx
,还可以选择prettier
。
prettier官网(科学上网):https://prettier.io/docs/en/install.html
可以看到Facebook在用它优化React
项目的代码,没深究。
执行npm i -g prettier
下载到的包里有个bin-prettier.js
,这就是本体了。
sublime text3 直接在package control
搜索prettier
下载,打开它的User
配置项加入如下保存即可。
注意修改你本地的node
和node_modules
路径
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
|
在快捷键配置中加入
1 2 3 4 |
|
具体可以去github看插件作者的Readme
插件的功能不是全部功能,可以在命令行使用指令格式化代码,(也可以直接在项目中引用?)
以上就是分享一款sublime text3支持JSX和es201x代码格式化的插件的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
分享一款sublime text3支持jsx和es201x代码格式化的插件
介绍sublime autoprefix css mac配置方法
更多相关阅读请进入《sublime-text-3》频道 >>