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

文章转自http://keyunq.com/front/babel-sublime.html

Sublime Text 3 安装Package Control

给sublime安装插件管理器

一、简单的安装方法

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


  1. 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 SettingsPackage 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

支持ES6React.jsjsx代码高亮,对 JavaScript, jQuery 也有很好的扩展。

安装

PCctrl+shift+pMac Cmd+shift+p)打开面板

选择Install Package

输入babel安装

配置

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

打开菜单viewSyntax -> Open all with current extension as... -> Babel -> JavaScript (Babel),选择babel为默认 javascript 打开syntax

评论: