• 周三. 4 月 22nd, 2026

物嫩软件资讯网

软件资讯来物嫩

❤sublime插件篇

admin@wunen

6 月 1, 2025



❤sublime插件篇



❤ windows Sublime插件



👉识别scss插件 Sass

安转完成以后重现关闭再打开即可识别



👉将scss文件编译成css文件

使用插件SASS-Build进行编译



❤ Mac Sublime【快捷键|插件】



❤️ Mac快捷键

1、

调出命令行面板


command+shift+p


2、

新建文件



Command+N


3、打开文件/文件夹:

Command+O


4、HTML结构代码:

html:xt+tab


5、补全标签代码:

tab


6、快速复制一行:

Command+shift+D

(将光标定位到要复制文字的后面)

7、快速删除一行:

Ctrl+shift+k


8、集体输入:

Command+鼠标左键


9、查找:

Command+F


10、查找替换:

Command+Alt+F


11、注释:

Command+/


12、快速打开/隐藏侧边栏:

Command+K+B


13、快速选中一行:

Command+l


14、关闭当前页面:

Command+w


15、光标定位行,快速整体移动一行:

Command+shift+上箭头/下箭头


16、布局:

Command+Alt+2/3/4/5、Command+Alt



❤️ sublime中搜索选中的文本

command + f 只能打开一个空空的搜索框

如何让那个command + f 打开一个填充了选中文本的搜索框

点击Preferences -> settings,在打开的文件里增加如下内容即可



❤️ Mac Sublime安装插件

① 安装插件管理器Package Control

Tools菜单下有选项 install Package Control

  • command+shift+p调出命令行面板
  • 输入package control:install package,按回车,进入插件安装

② 输入要安装的插件名字

🌧️ 安装成功后可以在Package Settings中看到,快捷键是Ctrl+Shift+H/Command+Shift+H



(1)❤️ 汉化插件:

① ctrl+shift+p 选择install pakage…

② 在其中选择chinese…



(2)❤️HTML-CSS-JS Prettify

功能:HTML、CSS、JS格式化,压缩过后的代码可以通过该工具复原。

使用:默认快捷键:Ctrl+Shift+H。



(3)❤️ Emmet 提示插件

  • Element 快速编写HTML、css标记插件
	后代  >
	兄弟 + 
	分组 :()

① ctrl+shift+p 选择install pakage…

② 输入emmet在其中选择Emmet



(4)❤️ JSFormat 格式化插件

① ctrl+shift+p 选择install pakage…

② 在其中选择JSFormat

JS代码格式化插件

使用:快捷键 Ctrl + Alt + f 可以格式化选中的js 代码



(5)❤️ vue高亮(vue-syntax-highlight)

输入 Vue Sy



(6) ❤️ 更改配色主题


首选项=> 配色方案 =>


使用配色方案:(赞)

Monokai

效果:



(7) ❤️ 更改编码插件—ConvertToUTF8

有时打开一些乱码文件 安装它后可以通过它选择正确的编码打开



👉颜色高亮插件(color higlighter)

color higlighter



👉SCSS(SCSS语法识别)

支持scss的语法高亮,里面附带了好多CSS Snippet。



👉Vue.js Snippets

Vue.js Snippets是一款Sublime Text插件,提供了丰富的Vue代码片段,可以帮助您更快速地编写Vue组件和指令。安装该插件后,您可以通过输入简单的关键词,自动补全Vue代码片段



Mac 如何移除插件:
  • remove

其他插件



其他Mac插件



BracketHighlighter (推荐)

功能:代码匹配,可以匹配括号,引号等符号内的范围

使用:点击某个标签或括号之类,会高亮显示出另一个标签或括号所在的位置



❤ AutoFileName

功能:自动完成文件名的输入

使用:输入 “/”即可看到相对于本项目文件夹的其他文件,可供选择



❤SublimeCodeIntel

功能:代码提示和补全插件,支持跳转到变量、函数定义的功能



❤Colorsublime

❤ convetoUTF-8 编码方式转化软件



❤ sublime下react语法高亮



安装插件:babel-react



安装插件:emmet(兼容jsx 文件)



安装插件:JsFormat (格式化 js 代码)

右下角选择=> JavaScript (Babel)



安装插件:jsxhint (代码审查)



❤ Vue语法高亮



解决sublime text 3的vue文件没有语法高亮的问题

1、下载

下载插件(语法高亮插件vue-syntax-highlight)

下载地址(https://github.com/vuejs/vue-syntax-highlight)

2、进入sublime,选择菜单项“Preferences->Browse Packages…”,在插件下面建立插件文件目录Vue

在打开的文件夹中创建“Vue”文件夹

把上面解压缩的文件放进去

3、重新在sublime载入vue-syntax-highlight插件

快捷键“ctrl+shift+p”,在打开的packages输入框中输入vue,选择“Set Syntax:Vue Component”进行加载。

加载后重启sublime,重新打开.vue文件,即能看到语法高亮

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注