Sublime_02_安装Package Control和babel插件使JSX代码高亮

为了让Sublime能够高亮jsx语法,按照babel官网的文档

https://www.babeljs.cn/docs/editors.html

第1步, 安装Package Control

1. 打开官网:

https://packagecontrol.io/installation

2. 下载Package Control.sublime-package

3. 打开Sublime,点击菜单Preferences--->Browse Packages

4. 将前面第2步下载下来的内容,解压后,复制到 Installed Packages目录,并重启Sublime

Manual 

If for some reason the console installation instructions do not work for you (such as having a proxy on your network), 

perform the following steps to manually install Package Control: 

Click the Preferences > Browse Packages… menu Browse up a folder 

and then into the Installed Packages/ folder Download Package Control.sublime-package 

and copy it into the Installed Packages/ directory Restart Sublime Text

5. 现在Sublime的Preferences菜单中就有了 package control了,如图所示

第2步, 使用Package Control 搜索 Babel ,并安装install

https://packagecontrol.io/packages/Babel

通过Sublime的Preferences菜单中打开 package control

(或者使用 command + shift + p)

然后, 输入install 

然后, 搜索babel 进行安装

理论上会是这样的:

实际上为啥会没有效果???

第3步,  选择JavaScript(Babel)语法高亮方案

理论上,在使用package control 安装了(install) babel 之后, 

通过Sublime打开react_demo_01.html 文件, 

就可以在右下角的众多语法高亮方案中,选择JavaScript(Babel)了

Setting as the default syntax

To set it as the default syntax for a particular extension:

1. Open a file with that extension,
2. Select View from the sublime menu,
3. Then Syntax -> Open all with current extension as... -> Babel -> JavaScript (Babel).
4. Repeat this for each extension (e.g.: .js and .jsx).