sublime jsx html插件,Sublime Text3关于react的插件—

背景: 最近因为项目准备迁移切换技术栈到react~所以研究了一波sublime关于react的插件，很多推荐已经写得很详细，这里就补充一下语法提示和代码格式化的插件。

1.sublime-react-es6： react es6 语法提示

安装：

1.安装Sublime Package Manager。通过命令行打开: ⌘+shift+p(MacOS/Linux)

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

3.输入React, 选中React ES6 Snippets

安装以后即可使用，如图所示：

2.sublime-jsfmt ：jsx语法代码格式化

虽然HTML-CSS-JS Prettify和jsformat都支持jsx格式化，但是因为某些特殊字符处一定会有换行让人难以接受，例如import时：

jsformat格式化后

类似的问题会导致代码校验时无法通过，并且在代码简洁程度上也让人难以接受。而sublime-jsfmt能够帮助搞定这个问题。上图格式化后会变成如下效果：

jsfmt格式化后效果

安装方法：

1.打开命令面板Package Control: Install Package -> 输入jsfmt选中。

2.修改设置Preferences -> Package Settings -> Sublime JSFMT：

代码复制请到sublime-jsfmt Setting中

3.设置代码快捷键：

a. Preferences -> Key Bindings - User

b.添加配置： {"keys":["ctrl+q"],"command":"format_javascript"}

设置后即可选中代码再通过快捷键格式化代码~

sublime jsx html插件,Sublime Text3关于react的插件——react语法提示代码格式化相关推荐

mac电脑sublime text3安装pretty json插件
因http://packagecontrol.io/地址被墙无法实现自动安装,导致sublime Text3安装插件非常麻烦,总是出现There Are No Packages Available F ...
如何优雅地使用Sublime Text3中大量的插件
[原作者链接](http://www.jianshu.com/p/3cb5c6f2421c/) Sublime Text:一款具有代码高亮.语法提示.自动完成且反应快速的编辑器软件,不仅具有华丽的界面 ...
Sublime text3 代码格式化插件vue
同事用的windows的sublime轻量级容易上手.我们现在强制eslint规范.我们就需要安装这个格式化代码的插件"html-css-js-prettify" 使用 Subli ...
sublime text html5插件,Sublime Text一些常用插件
古人云:工欲善其事,必先利其器,确实利用好一些工具能快速提高我们的开发效率.今天我们就来介绍一款极度简洁.轻便.优雅的ide--Sublime Text的插件,帮助你更好更快的完成自己的编码工作. 首 ...
sublime配置go环境_sublime Text3配置go编译环境
Sublime Text 这里将介绍Sublime Text 3(以下简称Sublime)+ GoSublime + gocode的组合,那么为什么选择这个组合呢? 自动化提示代码,如下图所示图1. ...
Sublime Text 3使用技巧总结--快捷键及常用插件
1.Goto Anything(快速搜索) |--Ctrl+p 输入|--①文件名 |--②@+函数名 |--③:+数字 ->跳转到相应行 |--④#+变量名 2.多行游标 |--|--Alt+ ...
sublime html整理阶梯,sublime text 之添加插件并使用
通过package controll install 安装各种插件: 1:AdvancedNewFile,安装完毕后快捷键:ctr+alt+n:输入框中输入你要创建的文件夹和文件,就创建好了. ...
Sublime Text 3便携版下载安装和常用插件安装--顺便解决报错An error occured installing和no packages available for install
文章目录 Sublime Text 3便携版下载安装和常用插件安装 1.Sublime Text 3便携版下载: 2.sublime 插件控制器(Package Control)安装 2.1离线安装P ...
Sublime Text编辑工具带有 PEP 8 格式检测插件
Sublime Text编辑工具带有 PEP 8 格式检测插件转载于:https://www.cnblogs.com/dsdr/p/6045905.html

sublime jsx html插件,Sublime Text3关于react的插件——react语法提示代码格式化

sublime jsx html插件,Sublime Text3关于react的插件——react语法提示代码格式化相关推荐

最新文章

热门文章