700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 分享一款sublime text3支持JSX和es201x代码格式化的插件

分享一款sublime text3支持JSX和es201x代码格式化的插件

时间:2018-09-24 00:53:05

相关推荐

分享一款sublime text3支持JSX和es201x代码格式化的插件

开发工具|sublime

sublime-text-3,react.js,jsx,prettier

开发工具-sublime

下面由sublime教学栏目给大家推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件,希望对需要的朋友有所帮助!

拼图源码下载,ubuntu登录进入tty,爬虫木屑加工机器,php加号,seo职业分析lzw

车友社交软件源码,vscode扩展请求地址错误,ubuntu软件包管理,tomcat 集群 缓存,sqlite正则,杭州最好的网页设计公司,dede 数据库类,无法分析从服务器收到的消息,wp登录框插件,fem前端框架,真实爬虫ip,php 调用存储过程,seo预算,springboot 请求链,灵动标签 字段,网站模板集合,网页页面放中间,bootstrap手机商城模板下载,网站后台忘记账号密码,页面 滑动 效果代码,ssm的图书管理系统,最好的asp论坛程序lzw

推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件

udid后台管理系统源码,vscode显示运行时间,ubuntu one账户,tomcat自动进入页面,mfc 网络爬虫,php 匿名方法,泉州seo优化要多少钱lzw

前前后后尝试了两三个插件(jsfmtetc.),都不太理想。

esformatter-jsx可以使用,但是那个对JSX的缩进,还有对诸如switch语句的诡异缩进,糟心。

终于在准备换IDE的时候看到了VSCode格式化插件的一个配置项有esformatter-jsx,还可以选择prettier

执行npm i -g prettier

下载到的包里有个bin-prettier.js,这就是本体了。

sublime text3 直接在package control搜索prettier下载,打开它的User配置项加入如下保存即可。

{ "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

插件的功能不是全部功能,可以在命令行使用指令格式化代码,(也可以直接在项目中引用?)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。