sublime如何设置保存时自动格式化 _sublime保存自动格式化设置

sublime Text可通过插件实现保存时自动格式化。1. 安装Package Control;2. 通过它安装JSPrettier等格式化插件,并确保系统已安装node.js和prettier;3. 安装Save Actions插件;4. 在其设置中启用format_on_save并配置run_prettier_on_save或指定文件类型,即可在保存时自动格式化代码。

sublime如何设置保存时自动格式化 _sublime保存自动格式化设置

sublime text 本身不带“保存时自动格式化”功能,但可以通过插件配合设置实现。最常用的方式是安装 JsPrettierhtml-css-JS PrettifyBlackpython)等格式化工具,并结合 Save Actions 插件来触发保存时自动格式化。

1. 安装 Package Control(如未安装)

按下 Ctrl+` 打开控制台,粘贴以下代码并回车:

import urllib.request,os; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), ‘wb’).write(urllib.request.urlopen( ‘http://packagecontrol.io/’ + pf.replace(‘ ‘, ‘%20’)).read())

2. 安装格式化插件(以 JsPrettier 为例)

按下 Ctrl+Shift+P 打开命令面板,输入 Install Package,回车后搜索 JsPrettier 并安装。

安装 JsPrettier 前需确保系统已安装 Node.jsnpm,并通过 npm 安装 prettier:

npm install -g prettier

3. 安装 Save Actions 插件

再次打开命令面板(Ctrl+Shift+P),搜索并安装 Save Actions

4. 配置保存时自动格式化

进入菜单:Preferences → Package Settings → Save Actions → Settings,在右侧用户设置中添加:

sublime如何设置保存时自动格式化 _sublime保存自动格式化设置

比格设计

比格设计是135编辑器旗下一款一站式、多场景、智能化的在线图片编辑器

sublime如何设置保存时自动格式化 _sublime保存自动格式化设置124

查看详情 sublime如何设置保存时自动格式化 _sublime保存自动格式化设置

{ “format_on_save”: true, “run_prettier_on_save”: true // 如果使用 JsPrettier }

说明:

  • format_on_save:启用保存时格式化
  • 部分插件如 JsPrettier 需要开启对应选项才能调用 Prettier
  • 可按文件类型配置,例如只对 JavaScript、vuereact 等生效

5. 按文件类型精细控制(可选)

在用户设置中加入:

{ “format_on_save”: true, “format_on_save_extensions”: [ “js”, “jsx”, “vue“, “html“, “css“, “json” ] }

这样只有指定后缀的文件在保存时才会自动格式化。

基本上就这些。配置完成后,每次保存支持的文件类型,Sublime 就会自动调用格式化工具美化代码。注意确保相关工具(如 Prettier)已正确安装且可在命令行运行,否则可能报错。

暂无评论

发送评论 编辑评论


				
上一篇
下一篇
text=ZqhQzanResources