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

原文地址：http://www.keyunq.com/

给sublime安装插件管理器
一、简单的安装方法
使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行，粘贴如下代码：
import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
如果顺利的话，此时就可以在Preferences菜单下看到Package Settings和Package Control两个菜单了。
如有问题 参考https://packagecontrol.io/installation#st3
二、手动安装
可能由于各种原因，无法使用代码安装，那可以通过以下步骤手动安装Package Control：
1.点击Preferences > Browse Packages菜单
2.进入打开的目录的上层目录，然后再进入Installed Packages/目录
3.下载Package Control.sublime-package并复制到Installed Packages/目录
4.重启Sublime Text。
https://packagecontrol.io/installation
安装插件 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