新闻中心

如何用SublimeJ做代码格式化_Prettier+Black集成

2025-11-30
浏览次数:
返回列表
通过集成Prettier和Black,Sublime Text可实现前端与Python代码的自动格式化。首先利用Package Control安装JsPrettier和SublimePythonIDE插件;接着通过npm和pip全局或局部安装Prettier与Black工具;然后配置JsPrettier的prettier_cli_path路径并启用auto_format_on_s*e以实现保存时自动格式化;对于Python文件,需创建自定义构建系统BlackFormatter.sublime-build调用black命令;最后为不同语言设置快捷键Ctrl+Alt+P和Ctrl+Alt+B,提升格式化操作效率。

如何用sublimej做代码格式化_prettier+black集成

如果您在使用 Sublime Text 编辑代码时希望实现自动格式化,可以通过集成 Prettier 和 Black 来统一前端与 Python 代码的风格。以下是实现该功能的具体步骤:

一、安装必要的插件

在开始配置之前,需要确保 Sublime Text 中已安装支持代码格式化的插件管理工具。通过 Package Control 安装所需的扩展是首选方式。

1、打开 Sublime Text,按下 Ctrl+Shift+P 调出命令面板。

2、输入 "Install Package" 并选择对应选项,进入插件浏览界面。

3、搜索并安装 JsPrettier,该插件用于集成 Prettier 实现 J*aScript、TypeScript 等前端代码格式化。

4、搜索并安装 SublimePythonIDE 或手动配置 Black,以支持 Python 文件的格式化。

二、安装 Prettier 和 Black 依赖

JsPrettier 插件依赖于本地全局或项目内安装的 Prettier 工具,而 Black 需要通过 Python 包管理器安装。

1、在终端中运行 npm install -g prettier 安装 Prettier 到全局环境。

2、运行 pip install black 安装 Black 格式化工具。

3、若项目使用了 node_modules,则可在项目根目录运行 npm install --s*e-dev prettier 进行局部安装。

三、配置 JsPrettier 插件

正确设置 JsPrettierr 的路径和参数,可以确保其调用正确的 Prettier 版本并对指定文件生效。

1、在 Sublime Text 中打开 Preferences > Package Settings > JsPrettier > Settings。

2、修改设置文件中的 "prettier_cli_path" 指向实际的 Prettier 可执行文件路径,例如:
/usr/local/lib/node_modules/prettier/bin-prettier.js(Linux/macOS)
C:\Users\YourName\AppData\Roaming\npm\node_modules\prettier\bin-prettier.js(Windows)

3、设置 "auto_format_on_s*e" 为 true,以启用保存时自动格式化功能。

四、配置 Black 与 Sublime 集成

由于 Sublime Text 本身不直接支持 Black,需通过自定义构建系统或外部脚本触发格式化操作。

1、在 Sublime Text 中选择 Tools > Build System > New Build System

2、输入以下内容创建一个新的构建配置:

{
  "cmd": ["black", "$file"],
  "selector": "source.python",
  "file_regex": "^[ ]*File "(...*?)", line ([0-9]*)"
}

3、将此构建系统保存为 BlackFormatter.sublime-build

4、打开一个 Python 文件后,选择 Tools > Build With > BlackFormatter,即可执行格式化。

五、绑定快捷键以快速格式化

为提升效率,可分别为 Prettier 和 Black 设置快捷键,实现一键格式化当前文件。

1、打开 Preferences > Key Bindings,在右侧用户键位设置中添加如下映射:

[{ "keys": ["ctrl+alt+p"], "command": "js_prettier" }]

2、为 Black 添加快捷键(需结合插件或 shell 命令),例如:

[{ "keys": ["ctrl+alt+b"], "command": "build", "context": [{ "key": "selector", "operator": "equal", "operand": "source.python" }] }]

3、保存后,按 Ctrl+Alt+P 可格式化前端代码,按 Ctrl+Alt+B 可格式化 Python 文件。

以上就是如何用SublimeJ做代码格式化_Prettier+Black集成的详细内容,更多请关注其它相关文章!


# 所需  # 佛山网站建设客服热线  # 淘宝seo是指什么引流  # 怎么搜索美甲关键词排名  # 义乌外贸seo优化  # 文学投稿网站平台建设  # 营销 推广的区别  # 汽配网站建设  # seo文章百亿互刷账号  # 新站seo优缺点  # 茶叶网站的优化概述  # 您在  # 中文网  # 可以通过  # 相关文章  # prettier  # 新特性  # 并安装  # 重启  # 自定义  # 如何用  # no  # 前端  # js  # sublime  # java  # python  # javascript  # linux  # 代码格式化 


相关栏目: 【 科技资讯46185 】 【 网络学院92790


相关推荐: 微信群消息显示延迟如何解决 微信群消息刷新优化方法  Golang如何通过reflect获取匿名字段方法_Golang reflect匿名字段方法访问技巧  怎样更改Windows系统的默认安装路径_避免C盘爆满的终极设置【技巧】  台积电1.4nm工艺A14瞄准2028:10年来性能提升80%  快手极速版在线观看 官方网页版登录地址  J*a里如何实现线程安全的懒加载单例_懒加载单例实现方法解析  EMS快递官网app_中国邮政速递物流手机客户端  J*aScript:在map操作中高效处理空数组  理解J*aScript Promise的微任务队列与执行顺序  React项目中导航栏Logo自适应布局:避免裁剪与布局溢出  Win11怎么合并任务栏图标 Win11开启任务栏合并减少图标占空间【方法】  顺丰快件物流信息 官方网站查询入口  圆通快递查询实时追踪 圆通物流包裹状态快速查看  VS Code远程开发时如何处理文件权限问题  微信商城在哪里打开【步骤】  如何使用J*aScript精确选择并批量修改特定父元素下子链接的样式  响应式容器内容自动缩放与宽高比维持教程  J*a如何使用AtomicInteger控制计数_J*a无锁计数器性能分析  MAC怎么在地图App里使用“四处看看”_MAC体验部分城市的3D实景街景  Golang如何使用new_Go new分配内存机制讲解  mysql密码锁定怎么解锁_mysql密码锁定解锁后修改密码步骤  word邮件合并后日期格式不对怎么改_Word邮件合并日期格式修改方法  拼多多购物车商品数量无法修改如何处理 拼多多购物车操作优化方法  痛风发作了怎么办? 快速止痛和后期饮食调理  Kafka Streams中基于消息头条件过滤消息的实现指南  飞书妙记怎样用语音转文字速记_飞书妙记用语音转文字速记【速记方法】  Typer应用中动态命令行参数的解析与处理  动漫共和国防屏蔽稳定域名-动漫共和国官方正版直达通道  搜狗浏览器如何使用密码生成器创建强密码 搜狗浏览器内置密码安全工具  谷歌浏览器如何快速清除某个网站的数据_Chrome网站缓存清理方法  Windows10怎么开启夜间模式 Windows10系统设置调整色温与亮度缓解夜间用眼疲劳【教程】  中兴Axon42Ultra怎样在文件App筛图_iPhone中兴Axon42Ultra文件App筛图【图片筛选】  HTML元素状态管理:根据DIV内容动态启用/禁用按钮  QQ邮箱官方登录入口_QQ邮箱网页版快捷使用平台  荣耀Play7T运行卡顿解决_荣耀Play7T性能优化  Lar*el如何生成PDF或Excel文件_Lar*el文档导出工具与使用教程  J*a递归快速排序中静态变量导致数据累积的陷阱与解决方案  Win11怎么查看电脑配置_Win11硬件配置检测工具使用  AO3镜像入口大全 AO3网页版内容访问全集  虫虫漫画精品漫画官网_虫虫漫画精品漫画官网进入精品漫画  Node.js CSV 数据处理:基于字段空值条件过滤整条记录的策略  必由学登录入口 必由学官方网站在线访问链接  html5 app怎么运行环境_配html5 app运行环境【教程】  如何创建独立于主系统的J*a运行环境_隔离式环境搭建策略  TikTok国际版网页端快速入口 TikTok全球版短视频浏览教程  Go语言中对Map值调用带指针接收者方法:原理与最佳实践  Lar*el递归关系中排除子孙节点的策略  Win11怎么隐藏桌面图标 Win11一键隐藏所有桌面元素及恢复显示  处理动态列数据:J*a ArrayList的正确初始化与字符累加教程  在python-socketio事件处理器中安全访问Flask应用上下文 

搜索