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