新闻中心
如何用SublimeJ做代码格式化_Prettier+Black集成
通过集成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,提升格式化操作效率。

如果您在使用 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应用上下文


2025-11-30
浏览次数:次
返回列表