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"}
配置完成重启即可使用,代码看着清晰明了。
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插件jsfmt格式化jsx
- ReactJS 学习 sublime 下安装 babel插件
- react.js学习-Sublime Text 3 安装Package Control 及 配置babel插件使jsx代码高亮
- ReactJS 学习 sublime 下安装 babel插件
- Mac下的Sublime Text 3 安装go插件GoSublime, SideBarEnhancements,Go Build,Godef
- Sublime Text 中使用SublimeREPL插件 & 遇到的问题
- sublime学习1:前端神器-sublime text3插件安装及使用
- Sublime Text 3 JS 格式化插件 JsFormat的配置使用
- Sublime Text3 React.js开发常用插件
- Sublime Text 2 JS 格式化插件 JsFormat的配置使用
- 用 Sublime 开发 Laravel —— Sublime Text 插件推荐
- 【Sublime】Sublime Text 插件添加/移除方法
- Sublime Text3 React.js开发常用插件
- Sublime Text3 JSON格式化插件JsFromat
- Sublime Text 3 PHP代码格式化插件phpfmt的安装和配置
- Sublime Text 3 写js智能提示插件
- Sublime Text 插件之HTML-CSS-JS Prettify—格式化HTML CSS JS与显示函数列表
- 使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码
- IDE-Sublime【1】-JsFormat插件格式化缩进问题
- sublime text 怎么安装插件 / sublime text package control安装