作者：一线天24_226 | 来源：互联网 | 2023-09-17 04:48
1. 安装PakageControl插件
https://packagecontrol.io/installation
个人比较懒&＃xff0c;平时喜欢用webstorm&＃xff0c;但是因为webstorm打开实在太慢了&＃xff0c;并且太看设备&＃xff0c;所以本人编辑简单的文件依然会选择使用sublime&＃xff0c;虽然网上有很多关于此类插件的分享了&＃xff0c;但是感觉都是片段&＃xff0c;没有重点细致整理。
今天休息&＃xff0c;在这简单的分享下自己常用插件
All Autocomplete Sublime Text 默认的 Autocomplete 功能只考虑当前的文件&＃xff0c;而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。
SublimeCodeIntel 一个全功能的 Sublime Text 代码自动完成引擎 &＃xff0c;本人做过对比&＃xff0c;但是如果和webstorm的自动寻找还是稍逊一筹&＃xff0c;不过对于大部分人来说够用了&＃xff0c;能很方便跳到你想要的方法
支持的语言挺多的&＃xff08;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.&＃xff09;
CTags 实在方法跳转&＃xff0c;跳转到你方法
之后在win7下或者linux下安装ctags软件
打开ctags插件包的use-setting配置"command": "d:/IDE/ctags58/ctags.exe"这个路径是下载ctags的安装路径 这个插件能跨文件跳转&＃xff0c;跳转到指定函数声明的地方(ctrl&＃43;alt&＃43;左键)。 使用package control 搜索ctags 进行安装&＃xff08;安装ctags插件就可以了&＃xff0c; 还有一个 CTags for PHP 插件没什么用&＃xff09;,注意安装好插件后要需要安装ctags命令。window 下载 ctags.exe http://vdisk.weibo.com/s/7QZd7 。 将ctags.exe文件放在一个环境变量能访问到的地方。打开cmd&＃xff0c; 输入ctags&＃xff0c;如果有这个命令&＃xff0c;证明成功了。ubuntu下安装运行命令&＃xff1a;sudo apt-get install exuberant-ctags 。然后在 sublime项目文件夹右键 &＃xff0c; 会出 现Ctag:Rebuild Tags 的菜单。点击它&＃xff0c;然后会 生成.tags的文件 然后在你代码中&＃xff0c; 光标放在某个函数上&＃xff0c; 点击就可以跳转到函数声明的地方。 AutoFileName 快速帮助你在文件中写路径整体来说还不错
Autoprefixer 这个插件主要应用css的浏览器兼容书写&＃xff0c;自动分析你的css文件&＃xff0c;解析出新的css文件&＃xff0c;可以配置你要兼容的浏览器&＃xff0c;不过这个插件要在之前安装nodejs
BracketHighlighter 配置文件的高亮设置&＃xff0c;让你的代码有不同的颜色区分该插件提供配对标签&＃xff0c;或大括号或字符引号的配对高亮显示&＃xff0c;算是对系统高亮的加强吧。
BufferScroll 你可以轻松书写一个文件多个位置了
ChineseLocalization 各国语言包&＃xff0c;小日本的都有哦
Color Highlighter 颜色功能还是很爽的&＃xff0c;找了好久
CSS Comments 该有的都有&＃xff0c;不该有的也有了
CSS Format css序列化插件&＃xff0c;支持默认多种序列方案&＃xff0c;还可以自己配置自己喜欢的
CSS3 css3语言提示插件&＃xff0c;本来不想写的&＃xff0c;也不是什么特别的&＃xff0c;但是可能会有人用到
DocBlockr DocBlocker 是在Sublime平台上开发一款自动补全代码插件&＃xff0c;支持Javascript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C&＃43;&＃43; and Rust.等众多语言
Emmet Emmet的前身是大名鼎鼎的Zen coding&＃xff0c;如果你从事Web前端开发的话&＃xff0c;对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码&＃xff0c;大大提高了HTML/CSS代码编写的速度
HTML-CSS-JS Prettify 全能序列化
Javascript Completions js最基本的api快查片段
JsFormat js序列化&＃xff0c;能排在下载插件前25位&＃xff0c;好的话就不用说了
Keymaps 快速查找所有插件的快捷键
LiveStyle LiveStyle是Chrome中提高开发效率的一款CSS编辑器插件。利用LiveStyle和Sublime Text3编辑器结合可实现可视化开发&＃xff0c;一次配置&＃xff0c;简单易用&＃xff01;
你本地css文件可以和浏览器的css文件映射&＃xff0c;同步到本地&＃xff0c;但是必须在chrome上运行&＃xff0c;chrome必须安装相应的插件
Pretty JSON JSON&＃xff0c;一個輕量級的資料交換語言&＃xff0c;目前許多網站AJAX request的回應結果都是JSON格式
SideBarEnhancements 增强右键菜单文件操作功能
SublimeLinter 代码校验插件&＃xff0c;支持多种语言&＃xff0c;这个是主插件&＃xff0c;如果想检测特定的文件需要单独下载
SublimeLinter-jshint 这个就是单独的插件&＃xff0c;上面的一个分支
SublimeTmpl 创建常用文件初始模板&＃xff0c;必须html,css,js模板
Tag HTML/XML标签缩进、补全和校验
Alignment 代码对齐
PackageResourceViewer 通过这个特殊的插件&＃xff0c;会给你查看和编辑SublimeText附带的不同的包带来很多方便。您也可以提取任何给定的包。这一行动将其复制到用户文件夹&＃xff0c;以便您可以安全地对其进行编辑。
很多人苦恼不能修改左侧导航面板字体大小&＃xff0c;用这个可以轻松办到
安装PackageResourceViewer 快捷键 ⌘(command)&＃43;⇧(shift)&＃43;P 打开 Command Palette 输入 Package Control:Install 回车&＃xff0c;等待加载package列表 搜索并安装 PackageResourceViewer 包
最后&＃xff0c;使用PackageResourceViewer打开Theme文件进行编辑 快捷键 ⌘(command)&＃43;⇧(shift)&＃43;P 打开 Command Palette 输入 PackageResourceViewer: Open Resource 回车&＃xff0c;打开包列表 选择 Theme - Default&＃xff0c;再选择 Default.sublimt-theme 搜索 sidebar_label&＃xff0c;在 "class": "sidebar_label" 后边加一行&＃xff1a;"font.size": 18&＃xff0c;将字体大小设置为18&＃xff0c;保存。 好啦&＃xff0c;大功告成&＃xff01;
如果觉得行间距太小&＃xff0c;可以往上找下&＃xff0c;有个class:"sidebartree"&＃xff0c;调一下里边的rowpadding配置即可。
Themr sublime可以下载很多风格样式&＃xff0c;用这个插件可以管理所有的风格
这些就是我们大部分要用到的&＃xff0c;其它的我就不细说了&＃xff0c;因为每个人不一样,比如说git&＃xff0c;sass&＃xff0c;svn这些你们可以自己查找
插件的网址如下&＃xff0c;你可以找到你喜欢的插件
https://packagecontrol.io/browse
京公网安备 11010802041100号