700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > sublime jsx html插件 Sublime Text3关于react的插件——react语法提示代码格式化

sublime jsx html插件 Sublime Text3关于react的插件——react语法提示代码格式化

时间:2020-01-09 20:40:08

相关推荐

sublime jsx html插件 Sublime Text3关于react的插件——react语法提示代码格式化

背景: 最近因为项目准备迁移切换技术栈到react~所以研究了一波sublime关于react的插件,很多推荐已经写得很详细,这里就补充一下语法提示和代码格式化的插件。

1.sublime-react-es6:react es6语法提示

安装:

1.安装Sublime Package Manager。通过命令行打开: ⌘+shift+p(MacOS/Linux)

2.输入install, 选中Package Control: Install Package

3.输入React, 选中React ES6 Snippets

安装以后即可使用,如图所示:

2.sublime-jsfmt:jsx语法代码格式化

虽然HTML-CSS-JS Prettify和jsformat都支持jsx格式化,但是因为某些特殊字符处一定会有换行让人难以接受,例如import时:

jsformat格式化后

类似的问题会导致代码校验时无法通过,并且在代码简洁程度上也让人难以接受。而sublime-jsfmt能够帮助搞定这个问题。上图格式化后会变成如下效果:

jsfmt格式化后效果

安装方法:

1.打开命令面板Package Control: Install Package -> 输入jsfmt选中。

2.修改设置Preferences -> Package Settings -> Sublime JSFMT:

代码复制请到sublime-jsfmt Setting中

3.设置代码快捷键:

a. Preferences -> Key Bindings - User

b.添加配置: {"keys":["ctrl+q"],"command":"format_javascript"}

设置后即可选中代码再通过快捷键格式化代码~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。