码迷,mamicode.com
首页 > Web开发 > 详细

sublime 格式化react插件配置教程 jsfmt配置

时间:2017-05-26 21:48:27      阅读:2914      评论:0      收藏:0      [点我收藏+]

标签:pack   orm   技术   attrs   配置   package   快捷   plugins   下载   

1.下载如下插件:

https://github.com/ionutvmi/sublime-jsfmt#installation

这个插件是jsfmt,可以直接在package里搜索到;

 

2.user setting里放入如下配置:

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

3.打开package文件:

技术分享

如上,jsfmt中安装npm插件:

npm i esformatter@latest esformatter-jsx@latest

这个插件可以实现jsx的代码格式化,如果不安装,不能正常格式化jsx,只能格式化js

 

4.最后设置快捷键:

技术分享

如图,这个在github中有教程,只要是本身插件没设置快捷键,如要本人自己设置快捷键

 

sublime 格式化react插件配置教程 jsfmt配置

标签:pack   orm   技术   attrs   配置   package   快捷   plugins   下载   

原文地址:http://www.cnblogs.com/jocongmin/p/6910398.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!