React-使用Sublime Text3开发的必备工具

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

1. 打开终端，进入jsfmt的安装目录
   cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/jsfmt/
2. 然后安装最新的esformatter和esformatter-jsx

# install both esformatter and esformatter-jsx
npm i esformatter esformatter-jsx

3. 在Sublime中打开Preferences-Package Settings-Sublime JSFMT-Settings-User， 复制下面的设置到文件中。

{
    // autoformat on save
    "autoformat": false,

    // array of extensions for autoformat
    "extensions": [
    	"js", 
    	"jsx",