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

Sublime Text 3 安装Package Control

给sublime安装插件管理器

一、简单的安装方法

使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行，粘贴如下代码：

import urllib.request,os,hashlib; h = ‘2915d1851351e5ee549c20394736b442’ + ‘8bc59f460fa1548d1514676163dafc88’; 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两个菜单了。

二、手动安装

可能由于各种原因，无法使用代码安装，那可以通过以下步骤手动安装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

原文地址：http://www.keyunq.com/front/babel-sublime.html