你好,欢迎进入江苏优软数字科技有限公司官网!

诚信、勤奋、创新、卓越

友好定价、专业客服支持、正版软件一站式服务提供

13262879759

工作日:9:00-22:00

专为前端开发者准备的 15 款优秀的 Sublime Text 插件

发布时间:2023-11-01

浏览次数:0

作者 | IT 计划狮

友情链接|

文本已成为当今最流行的代码编辑器之一。 其响应速度、简单易用以及丰富的插件生态吸引了众多前端开发者。

为了帮助开发者更方便的使用Text,我们决定制作一个Text扩展列表,其中包含了一些我们日常使用的插件。 当然,如果您不喜欢我们列出的任何插件,欢迎您在评论中与我们分享。

1.插件包管理器

sublime text安装插件_sublime text安装插件_sublime text安装插件

首先,我们将从包管理器开始。 它是Text的插件包管理器,提供插件包的安装和删除。 如果您不安装,您将无法尝试我们稍后推荐的插件。

2.Code 是一个用于编写常用代码片段的集合插件。 为什么要费心去一一敲出 .('') 文本呢? 你只需要使用快捷键qs并按Tab键,剩下的代码就会自动为你补全。 3.埃米特

与上面的插件类似,Emmet 也是一个可以让你更快编码的插件。 但 Emmet 适合编写 HTML 和 CSS 代码。 它允许您一次输入长标签、嵌套元素或整个页面模板。

如果您发现 Emmet 有点复杂,那么您可以尝试一个名为 HTML 的插件。 它使用起来更简单,文档也很简单。

译者注:Emmet 的前身是大名鼎鼎的 Zen,相信前端开发者都会很熟悉。 这是另一个用户手册,希望对您有所帮助。

4. 新建文件

一个插件,可以帮助您快速创建新文件。 只需要使用菜单,使用快捷键ctrl+alt+n打开提示框,写入新文件的路径即可配置新文件。

该插件还支持自己编写路径保存,甚至文件夹的名称都可以自动补全。

5. git

sublime text安装插件_sublime text安装插件_sublime text安装插件

直接在命令选项面板中工作的 Git 集成插件。 该插件提供了一些常用的 Git 命令,您可以在其中完成,例如添加、提交或查看 Git 日志。

6.

sublime text安装插件_sublime text安装插件_sublime text安装插件

一个非常有用的扩展。 它会告诉您自上次 Git 会话以来已更改的代码行,并为您提供相应的概述。 您还可以使用它与您提交到 Git 的文件进行详细比较。

7.侧边栏

sublime text安装插件_sublime text安装插件_sublime text安装插件

在文本中,您可以在左侧面板中了解正在进行的项目。 尽管它为您提供了一些处理文件的基本选项,但默认操作非常有限。

当您右键单击菜单选项时,该插件将为您提供20多个选项,以增强您的可操作性。 包括在浏览器中打开、复制和其他有用的功能。

8、

sublime text安装插件_sublime text安装插件_sublime text安装插件

一款小巧实用的颜色选择器。 它可以快速抓取十六进制颜色值,使用起来非常简单。 您可以在单独的窗口中打开它并从调色板中选取颜色,或使用吸管在屏幕上的任何位置选取颜色。

9、

Text 3 有一个内置的 Lorem Ipsum(占位符)生成器,可用于创建虚拟文本。 该插件扩展了占位符生成器的功能,因此您可以通过文本快速生成占位符图像、表单、列表和表格。

10.一个可以给函数添加详细注释的插件。 它可以帮助您轻松地向函数添加适当的描述,包括参数、返回值和变量类型。 11.智能代码自动补全插件,可以帮助您索引源文件sublime text安装插件,让您快速查找并跳转到相应的函数。

因此,这个扩展适用于流行以及相对不流行的编程语言。

12.

sublime text安装插件_sublime text安装插件_sublime text安装插件

一个代码美化和压缩插件,适用于CSS、HTML、JSON和SVG。

该包依赖外部 Node.js 库进行缩小和美化,因此您需要单独安装它们。

npm install -g clean-css uglifycss js-beautify html-minifier uglify-js minjson svgo

13、 Sublime Linter

sublime text安装插件_sublime text安装插件_sublime text安装插件

该插件可以帮助开发人员检测代码中的语法错误、不规则或不正确的代码编写。 它支持多种开发语言。

但它只是一个基础框架,所以使用时需要安装单独的插件来满足不同语言的需求。

14.颜色 在很多IDE和文本编辑器中都可以看到颜色高亮功能,但IDE中不支持颜色预览。 不过,有了这个插件,它可以帮助你在使用时检测CSS文件中的颜色代码。 无论是Hex码还是RGB码都可以很好的显示。 15. 包

sublime text安装插件_sublime text安装插件_sublime text安装插件

尽管 Text 具有针对 50 多种编程语言的代码突出显示功能。 不过,目前仍有一些框架和Web开发语言不受支持。 然而,由于编辑器插件的性质,社区也能够为任何编程语言创建并提供相应的包。

额外复活节彩蛋:主题

在 Text 上安装一个漂亮的主题肯定会让你的编码变得更加愉快。 当然sublime text安装插件,这里有一些我们最喜欢与您分享的主题:

感谢您的阅读。 如果你学到了什么,请点赞和分享。

如有侵权请联系删除!

13262879759

微信二维码