本文介绍了如何使用Sublime Text3开发React应用，重点讲述了如何配置和使用jsfmt与ESFormatter进行代码格式化，以及安装EsLint、jshint、jsxhint进行代码审查。还提到了Babel和相关Snippets插件以实现语法高亮和输入提示，以及推荐了ColorPicker和SideBarEnhancements等实用插件。
Sublime Text3是开发React应用的利器之一。Sublime本身只是一个文本编辑器，通过Package Control可以为其安装丰富的插件，使得Sublime成为一个强大的开发工具。
1. 格式化代码
开发React时，用的是ES6的语法，React本身的代码格式化支持并不友好，也尝试了网上的很多格式化插件包括 HTML-CSS-JS Prettify、CodeFormatter、JsFormat等都不能对React的JSX语法有很好的支持。最终找到了一个Sublime jsfmt，在jsfmt里面集成ESFormatter可以很好的支持React代码格式化。
1.1 安装jsfmt
打开PackageControl(ctrl+shift+p/command+shift+p)，选择Install Packages，然后在搜索框内输入jsfmt，找到jsfmt并安装。
1.2 安装ESFormatter
- 打开终端，进入jsfmt的安装目录
cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/jsfmt/ - 然后安装最新的esformatter和esformatter-jsx
# install both esformatter and esformatter-jsx
npm i esformatter esformatter-jsx
- 在Sublime中打开Preferences-Package Settings-Sublime JSFMT-Set
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
