如何在Sublime中使用正确的语法高亮显示反应代码?

时间:2017-05-22 23:13:15

标签: reactjs sublimetext3

这个问题的明显答案似乎是我应该安装Babel软件包。但是,我无法通过Package Control找到Babel软件包。

有没有办法可以让包控制找到它或手动安装? 任何想法,为什么不打包控制找到它?

也许我不知道如何正确使用Package Control?

注意: 我使用的是Sublime 3(Build 3126)的最新更新。

2 个答案:

答案 0 :(得分:1)

您想要的软件包可能是Babel软件包,它已经在软件包控制中。要安装它,您可以打开命令面板并选择Package Control: Install Package命令,然后从显示的包列表中选择Babel。您也可以选择Preferences > Package Control打开命令面板,显示包控件的命令列表(在MacOS下,Preferences菜单位于菜单中的Sublime Text下)。

如果这不是您要使用的软件包,并且软件包不在Package Control中但通过GitHub或BitBucket可用,您仍然可以通过从中选择Package Control: Add Repository来安装Packge Control软件包。命令调色板(与上面相同的列表)并提供存储库URL。这将使程序包可用作可安装程序包,就好像它本身位于程序包控制中一样。

顺便说一句,一般来说,Sublime会根据文件的扩展名选择用于文件的语法,这意味着对于像Babel这样提供Sublime已经支持的文件扩展名语法定义的软件包(在本例中为JavaScript),需要采取额外的措施。

特别是如果您使用js之类的文件扩展名,Sublime会将其视为JavaScript。您可以通过从View > Syntax菜单中选择语法,在状态行中单击当前语法的名称(如果它可见)或从命令中选择适当的Set Syntax:命令,将语法交换到另一个语法调色板。

如果你主要使用备用格式文件,这可能会拖累;在这种情况下,您可以在打开JavaScript文件时使用菜单中的View > Syntax > Open all with current extension as...并选择适当的语法来更改默认值。

这会解决您的问题,因此您现在需要手动选择JavaScript扩展程序。根据您最常使用的语法,这可能是也可能不是什么大问题。您也可以执行相同的步骤来更改默认值。

作为此问题的替代解决方案,如果您使用sublime-project文件,则可以使用Project Specific Syntax Settings包根据项目的当前需求自动选择适当的语法。

答案 1 :(得分:1)

在sublime3上安装babel:

Ctrl + Shift + P

然后键入install并选择第一个选项Package control:Install Package

然后输入Babel并选择第一个选项。

它会在短时间内安装babel。

编辑:第一个选项包名称为Babel-Snippets,如下面的评论所述。

然后选择Babel Syntax。

View > Syntax > Babel > Javascript