您的位置:首页 > Web前端 > JavaScript

sublime text的babel、sublime-jsfmt插件

2018-02-07 11:27 661 查看
在开发过程中,使用到es6语法,但是sublime不能够自动的识别代码格式,并且括号之间显示都无法正常高亮,不能识别jsx。

babel是一个更好显示高亮,和代码格式的插件,配合使用sublime-jsfmt让代码格式更加好看优雅。

--------------------------------------------
安装sublime的插件管理器:

babel:

4000

1.安装Sublime 
Package Manager。通过命令行打开: ctrl+shift+p(windows)

2.输入install, 选中Package Control: Install Package

3.输入babel

安装即可使用

配置

选择一个.js后缀的文件,打开

1.安装Sublime  Package Manager。通过命令行打开: ctrl+shift+p(windows)

2.输入install, 选中Package Control: Install Package

3.输入babel

安装即可使用

配置

打开菜单view -> Syntax -> Open all with current extension as… -> Babel -> JavaScript (Babel)。意思是选择babel为默认 javascript 打开syntax。配置完成。

sublime-jsfmt:

1.安装Sublime  Package Manager。通过命令行打开: ctrl+shift+p(windows)

2.输入install, 选中Package Control: Install Package

3.输入sublime-jsfmt

4.设置代码快捷键:

5. Preferences -> Key Bindings - User

6.添加配置(设置快捷键):   {"keys":["ctrl+shift+q"],"command":"format_javascript"}

配置完成重启即可使用,代码看着清晰明了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  sublime babel jsfmt jsx