WWW.lllT.neT下边由sublime实例教程频道给大伙儿强烈推荐一款sublime text 3 适用JSX和es201x 代码格式化的软件,期待对必须的小伙伴有些协助!

共享一款sublime text3适用JSX和es201x代码格式化的软件

建议一款sublime text 3 适用JSX和es201x 代码格式化的软件

近期逐渐撸React的情况下,一直采用的sublime text3确实让强迫思维的我难受无比,自身不兼容JSX的高亮度,安装完Babel以后新的那么问题来了,恢复出厂设置软件挂掉。。。

从头至尾试着了两三个软件(jsfmt etc.),也不太理想化。
esformatter-jsx可以应用,可是那一个对JSX的缩近,也有对例如switch句子的怪异缩近,闹心。
总算在提前准备换IDE的情况下看到了VSCode恢复出厂设置软件的一个配备项有esformatter-jsx,还能够挑选prettier

prettier官网(科学上网):https://prettier.io/docs/en/install.html
能够看见Facebook在使用它提升React新项目的编码,没细究。

实行npm i -g prettier
在线下载到的包内有一个bin-prettier.js,这就是本身了。

sublime text3 立即在package control检索prettier在线下载,开启它的User配备项添加如下所示储存就可以。

留意改动你当地的nodenode_modules途径
{
  "debug": false,
  "prettier_cli_path": "/usr/local/lib/node_modules/prettier/bin-prettier.js",
  "node_path": "/usr/local/bin/node",
  "auto_format_on_save": false,
  "auto_format_on_save_excludes": [],
  "allow_inline_formatting": false,
  "custom_file_extensions": [],
  "max_file_size_limit": -1,
  "additional_cli_args": {},
  "prettier_options": {
    "printWidth": 80,
    "singleQuote": false,
    "trailingComma": "none",
    "bracketSpacing": true,
    "jsxBracketSameLine": false,
    "parser": "babylon",
    "semi": true,
    "requirePragma": false,
    "proseWrap": "preserve",
    "arrowParens": "avoid"
  }
}

在键盘快捷键配备中添加

{
  "keys": ["super shift c"],
  "command": "format_javascript"
}

实际可以去github看软件创作者的Readme

软件的作用并不是所有作用,可以在命令应用命令格式化代码,(还可以立即在项目中引入?)

以上便是共享一款sublime text3适用JSX和es201x代码格式化的软件的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT
标签: 工具使用
下载本文:共享一款sublime text3适用JSX和es201x代码格式化的软件.doc

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:共享一款sublime text3适用JSX和es201x代码格式化的软件发布于2021-12-15 11:36:02

相关推荐