react jsx 代码格式化

使用说明:

jsx内部的代码先用Ctrl+q格式化一遍,再Ctrl+S保存

或者也可以将Sublime JSFMT设置为 "autoformat": true, 则每次保存会有一两秒卡顿.

插件1

JsFormat : Settings - User

{
  "e4x": true,
  // jsformat options
  "format_on_save": true,
  // {}大括号不再强制换行
  "brace_style": "collapse-preserve-inline",
  "format_selection": false,

   "indent_size": 2,
   "indent_char": " ",
   "indent_with_tabs": false,
}

插件2

Sublime JSFMT : Settings - User

{
    "autoformat": false,
    "extensions":
    [
        "js",
        "jsx",
        "sublime-settings"
    ],
    "options":
    {
        "jsx":
        {
            "alignWithFirstAttribute": true,
            "attrsOnSameLineAsTag": true,
            "firstAttributeOnSameLine": false,
            "formatJSX": true,
            "maxAttrsOnTag": 1
        },
        "plugins":
        [
            "esformatter-jsx"
        ]
    }
}

Key Bindings - User

{ "keys": ["ctrl+q"], "command": "format_javascript" }

如有其他问题可参考 https://github.com/royriojas/esformatter-jsx/wiki/Usage-with-jsfmt

时间: 2024-10-25 05:20:44

react jsx 代码格式化的相关文章

【go】脑补框架 Express beego tornado Flux reFlux React jsx jpg-ios出品

http://goexpresstravel.com/ 今天 Express 的作者 TJ Holowaychuk 发了一篇文章,正式宣告和 Node.js 拜拜了,转向 Go 语言. Go verses Node 如果你在做分布式工作,你会发现 Go 语言丰富的并发原语非常有帮助.虽然我们用 Node 的 generator 也可以做类似的事,但在我看来,generator 永远只能做一半.没有独立的栈错误处理和报告,充其量是中等.我也不想再等(Node)社区花3 年去整理(改善),尤其是我们

在react jsx中,为什么使用箭头函数和bind容易出现问题

在之前的文章中,已经说明如何避免在react jsx中使用箭头函数和bind(https://medium.freecodecamp.o... 但是没有提供一个清晰的demo展示为什么要这样做. 现在来一些例子吧. 在这个例子中,我们通过使用一个箭头函数(=>)来bind用户ID到每个删除按钮中. ## index.js import React from 'react'; import { render } from 'react-dom'; import User from './User'

eclipse中代码格式化组合键失效了

因为最近在整理java笔记,发现代码格式化的组合键失效了,但其他的组合键是好着的,设置里面找了也是对着的. 最后是在输入法的设置里面发现了它,原来是快捷键冲突了.取消输入法里面 的快捷键就好了,或者改掉也行.

Xcode 快捷键 特别是代码格式化代码ctrl+i

1. 文件 CMD + N: 新文件CMD + SHIFT + N: 新项目CMD + O: 打开CMD + S: 保存CMD + SHIFT + S: 另存为CMD + W: 关闭窗口CMD + SHIFT + W: 关闭文件 2. 编辑 CMD + [: 左缩进CMD + ]: 右缩进 CMD + CTRL + LEFT: 折叠CMD + CTRL + RIGHT: 取消折叠CMD + CTRL + TOP: 折叠全部函数CMD + CTRL + BOTTOM: 取消全部函数折叠CTRL +

iOS插件详解之----CLangFormat(代码格式化管理插件)(2016.1.12王彬)

iOS插件详解之----CLangFormat(代码格式化管理)(2016.1.12王彬) 虽然在项目创建和团队组建的初期,我们就把公共约定以及一些规范定下来了,并且由于我们的代码是通过Git来做版本控制的,web上直接就支持Markdown格式的readme文件,可以随时看到最新的版本,但是这种规范只能依靠个人的意识,或者通过代码Review来解决,而且做代码Review的时候,你也不好意思总是写上一堆诸如“这里要加个空格”.“那里要加上换行”的评论吧?如果不管,久而久之,会因为每个人的习惯不

Dreamweaver CS5 CS6 代码格式化、美化插件(可同一时候格式化HTML、JavaScript、CSS )眼下最好用的代码格式化扩展

Dreamweaver CS5 CS6 代码格式化.美化插件(可同一时候格式化HTML.JavaScript.CSS )眼下最好用的代码格式化扩展. 众所周知,Dreamweaver CS5 CS6 自带的"应用源格式"仅仅能单独格式化HTML文件和CSS文件,不能格式化JavaScript文件.更不能同一时候格式化内嵌在HTML代码里的javascript代码,此插件就是为了替代自带的代码格式化工具而出现的. 该插件能单独格式化css文件.javascript文件.html文件,也能

CSS代码格式化

将所有代码复制到系统记事本里,另存为html格式的网页文件,之后用浏览器打开即可 工具代码: <style>textarea{width:100%;height:80%;}</style> <div class="toolcode"> <script language=JavaScript> <!-- function $() { var elements = new Array(); for (var i = 0; i <

Indent Guides for Visual Studio 代码格式化收缩插件

代码格式化收缩插件 下载地址:http://indentguide.codeplex.com/releases/view/110312

Xcode 快捷键及代码格式化

按住apple键点击类名就可以定位到这个类中查看相关定义(在日后的开发中我们会经常这么来做,毕竟要记住iOS开发中所有的API是不现实的,有些API我们可以通过这种方法来查找) PS:下面都是网上百度后经过我自己整理,都是Xcode比较常用的快捷键,特别是红色标注的,很常用.用熟了开发编辑代码的的时候就很方便,希望对大家有用~1. 文件CMD + N: 新文件CMD + SHIFT + N: 新项目CMD + O: 打开CMD + S: 保存CMD+OPt+S:保存所有文件CMD + SHIFT