ReactJS学习-Sublime Text 3 安装Package Control 及 配置babel插件使jsx代码高亮

安装插件 babel-sublime

支持ES6， React.js, jsx代码高亮，对 Javascript, jQuery 也有很好的扩展。

安装

PC上ctrl+shift+p（MacCmd+shift+p）打开面板
选择Install Package
输入babel安装

配置

打开.js, .jsx 后缀的文件;

打开菜单view，Syntax -> Open all with current extension as... -> Babel -> Javascript (Babel)，选择babel为默认 Javascript 打开syntax

修改TAB缩进为空格

在sublime text中将TAB缩进直接转化为4个空格，可以按照如下方式操作：

菜单栏: Preferences -> Settings – More -> Syntax Specific – User

然后添加设置代码就可以了，文件保存在$Packages/User下

另：
font_face 设置字体
font_size 设置字体大小

{
    "font_face": "SourceCodePro",
    "font_size": 14,
    "tab_size": 4,
    "translate_tabs_to_spaces": true
}