Sublime Text 3 For mac 插件安装

偏执的太偏执、 2022-09-25 08:26 203阅读 0赞

1. 安装PakageControl插件

[https://packagecontrol.io/installation][https_packagecontrol.io_installation]

个人比较懒，平时喜欢用webstorm，但是因为webstorm打开实在太慢了，并且太看设备，所以本人编辑简单的文件依然会选择使用sublime，虽然网上有很多关于此类插件的分享了，但是感觉都是片段，没有重点细致整理。

今天休息，在这简单的分享下自己常用插件

All Autocomplete

Sublime Text 默认的 Autocomplete 功能只考虑当前的文件，而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。

![2a14618b34ea15757f344d69e91de915.jpg][]

SublimeCodeIntel

一个全功能的 Sublime Text 代码自动完成引擎 ，本人做过对比，但是如果和webstorm的自动寻找还是稍逊一筹，不过对于大部分人来说够用了，能很方便跳到你想要的方法

支持的语言挺多的（JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.）

CTags

实在方法跳转，跳转到你方法

之后在win7下或者linux下安装ctags软件

打开ctags插件包的use-setting配置"command": "d:/IDE/ctags58/ctags.exe"这个路径是下载ctags的安装路径 这个插件能跨文件跳转，跳转到指定函数声明的地方(ctrl+alt+左键)。 使用package control 搜索ctags 进行安装（安装ctags插件就可以了， 还有一个 CTags for PHP 插件没什么用）,注意安装好插件后要需要安装ctags命令。window 下载 ctags.exe http://vdisk.weibo.com/s/7QZd7 。 将ctags.exe文件放在一个环境变量能访问到的地方。打开cmd， 输入ctags，如果有这个命令，证明成功了。ubuntu下安装运行命令：sudo apt-get install exuberant-ctags 。然后在 sublime项目文件夹右键 ， 会出 现Ctag:Rebuild Tags 的菜单。点击它，然后会 生成.tags的文件 然后在你代码中， 光标放在某个函数上， 点击就可以跳转到函数声明的地方。 AutoFileName

快速帮助你在文件中写路径整体来说还不错

Autoprefixer

这个插件主要应用css的浏览器兼容书写，自动分析你的css文件，解析出新的css文件，可以配置你要兼容的浏览器，不过这个插件要在之前安装nodejs

![5e5db3ef5d2c4ff834db5f2c4ce1c2f6.jpg][]

BracketHighlighter

配置文件的高亮设置，让你的代码有不同的颜色区分该插件提供配对标签，或大括号或字符引号的配对高亮显示，算是对系统高亮的加强吧。

![808b0f5f0c9dadbf9077c7cd79029318.jpg][]

BufferScroll

你可以轻松书写一个文件多个位置了

![039cf2a6e08420933a8205226b6fd6bf.jpg][]

ChineseLocalization

各国语言包，小日本的都有哦

![480eb3322d27c6d8dcc8dca8b95c0f8d.jpg][]

Color Highlighter

颜色功能还是很爽的，找了好久

![0e8a724d3fe11d28a281266cb953e0c1.jpg][]![5cfe7da537b116d07dd4e53356ea01ee.jpg][]

CSS Comments

该有的都有，不该有的也有了

![50b5b509678fdda14423c1427a636697.jpg][]

CSS Format

css序列化插件，支持默认多种序列方案，还可以自己配置自己喜欢的

CSS3

css3语言提示插件，本来不想写的，也不是什么特别的，但是可能会有人用到

DocBlockr

DocBlocker 是在Sublime平台上开发一款自动补全代码插件，支持JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等众多语言

![ad6401a0be2c8b5de746ae97310d1cc6.jpg][] ![1d7f220e497900a113f0c6582c689dce.jpg][] ![24fc842ce7590ae7bb5958a2c6c63979.jpg][] ![6439288ff8629615adc27bb3c065e71c.jpg][]

Emmet

Emmet的前身是大名鼎鼎的Zen coding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度

![8f0ff0604d696e6549a9623778c8b8ab.jpg][] ![f3612d740badccf817a4d26c6e59781f.jpg][] ![f0d93e64a33a7e9a23579dd992692942.jpg][]

HTML-CSS-JS Prettify

全能序列化

JavaScript Completions

js最基本的api快查片段

![a9369d7e609cf50f6baea358143cf17b.jpg][]

JsFormat

js序列化，能排在下载插件前25位，好的话就不用说了

Keymaps

快速查找所有插件的快捷键

![b8fa7f523078fcbaf73b2a5c412e3162.jpg][]

LiveStyle

LiveStyle是Chrome中提高开发效率的一款CSS编辑器插件。利用LiveStyle和Sublime Text3编辑器结合可实现可视化开发，一次配置，简单易用！

你本地css文件可以和浏览器的css文件映射，同步到本地，但是必须在chrome上运行，chrome必须安装相应的插件

![4aec565dc3287673fa04a23b339ac411.jpg][]![d44bf70a4ae01f3c4aedcca7ccbc01a3.jpg][]

Pretty JSON

JSON，一個輕量級的資料交換語言，目前許多網站AJAX request的回應結果都是JSON格式

![822ae63e550644e299a712e6d7b1945d.jpg][]

SideBarEnhancements

增强右键菜单文件操作功能

![c28e1a50170aea00a76157f22c11d39b.jpg][]

SublimeLinter

代码校验插件，支持多种语言，这个是主插件，如果想检测特定的文件需要单独下载

SublimeLinter-jshint

这个就是单独的插件，上面的一个分支

SublimeTmpl

创建常用文件初始模板，必须html,css,js模板

Tag

HTML/XML标签缩进、补全和校验

Alignment

代码对齐

PackageResourceViewer

通过这个特殊的插件，会给你查看和编辑SublimeText附带的不同的包带来很多方便。您也可以提取任何给定的包。这一行动将其复制到用户文件夹，以便您可以安全地对其进行编辑。

很多人苦恼不能修改左侧导航面板字体大小，用这个可以轻松办到

安装PackageResourceViewer 快捷键 ⌘(command)+⇧(shift)+P 打开 Command Palette 输入 Package Control:Install 回车，等待加载package列表 搜索并安装 PackageResourceViewer 包

最后，使用PackageResourceViewer打开Theme文件进行编辑 快捷键 ⌘(command)+⇧(shift)+P 打开 Command Palette 输入 PackageResourceViewer: Open Resource 回车，打开包列表 选择 Theme - Default，再选择 Default.sublimt-theme 搜索 sidebar\_label，在 "class": "sidebar\_label" 后边加一行："font.size": 18，将字体大小设置为18，保存。 好啦，大功告成！

如果觉得行间距太小，可以往上找下，有个class:"sidebartree"，调一下里边的rowpadding配置即可。

![7a3163f14367be764ac0f955aba02174.jpg][]

Themr

sublime可以下载很多风格样式，用这个插件可以管理所有的风格

这些就是我们大部分要用到的，其它的我就不细说了，因为每个人不一样,比如说git，sass，svn这些你们可以自己查找

插件的网址如下，你可以找到你喜欢的插件

https://packagecontrol.io/browse

[https_packagecontrol.io_installation]: https://packagecontrol.io/installation
[2a14618b34ea15757f344d69e91de915.jpg]: /images/20220718/50e4fb3970334c9296f89d0e96ee3a5f.png
[5e5db3ef5d2c4ff834db5f2c4ce1c2f6.jpg]: /images/20220718/2439d340b3194bbe95498ab7ed5225ca.png
[808b0f5f0c9dadbf9077c7cd79029318.jpg]: /images/20220718/79ef4455ccd548ce91f1c4931a0298fc.png
[039cf2a6e08420933a8205226b6fd6bf.jpg]: /images/20220718/0b1adc1d3aaa4aeda8994e1e81c7fd4d.png
[480eb3322d27c6d8dcc8dca8b95c0f8d.jpg]: /images/20220718/f45197510380497e8ea79afc349adf7b.png
[0e8a724d3fe11d28a281266cb953e0c1.jpg]: http://www.th7.cn/d/file/p/2015/12/12/0e8a724d3fe11d28a281266cb953e0c1.jpg
[5cfe7da537b116d07dd4e53356ea01ee.jpg]: /images/20220718/5c854bfae1104a66b2c78a8cfe12ed31.png
[50b5b509678fdda14423c1427a636697.jpg]: /images/20220718/3048f82bc79f45b89f2b5e80e5fa5249.png
[ad6401a0be2c8b5de746ae97310d1cc6.jpg]: http://www.th7.cn/d/file/p/2015/12/12/ad6401a0be2c8b5de746ae97310d1cc6.jpg
[1d7f220e497900a113f0c6582c689dce.jpg]: http://www.th7.cn/d/file/p/2015/12/12/1d7f220e497900a113f0c6582c689dce.jpg
[24fc842ce7590ae7bb5958a2c6c63979.jpg]: http://www.th7.cn/d/file/p/2015/12/12/24fc842ce7590ae7bb5958a2c6c63979.jpg
[6439288ff8629615adc27bb3c065e71c.jpg]: /images/20220718/363c9554cdcc4f40926fad74f4ad115f.png
[8f0ff0604d696e6549a9623778c8b8ab.jpg]: http://www.th7.cn/d/file/p/2015/12/12/8f0ff0604d696e6549a9623778c8b8ab.jpg
[f3612d740badccf817a4d26c6e59781f.jpg]: http://www.th7.cn/d/file/p/2015/12/12/f3612d740badccf817a4d26c6e59781f.jpg
[f0d93e64a33a7e9a23579dd992692942.jpg]: /images/20220718/5b8a66b3214a4074ba35fd9a8f2d7942.png
[a9369d7e609cf50f6baea358143cf17b.jpg]: /images/20220718/432416055d264cad970b511f3f987285.png
[b8fa7f523078fcbaf73b2a5c412e3162.jpg]: /images/20220718/ef913c9caf344c3082eece49472eff2c.png
[4aec565dc3287673fa04a23b339ac411.jpg]: http://www.th7.cn/d/file/p/2015/12/12/4aec565dc3287673fa04a23b339ac411.jpg
[d44bf70a4ae01f3c4aedcca7ccbc01a3.jpg]: /images/20220718/e9a1a5008da64fbd89ca738efeb3f399.png
[822ae63e550644e299a712e6d7b1945d.jpg]: /images/20220718/9a67e6276f4e458ba157cfcb9ec39880.png
[c28e1a50170aea00a76157f22c11d39b.jpg]: /images/20220718/e8b1caf6fa2e441fba87a83a16f07fdc.png
[7a3163f14367be764ac0f955aba02174.jpg]: /images/20220718/40f1e3eaa12f4845aee360032009a0e9.png