Sublime Text 3 是前端编辑利器,其以丰富的扩展插件闻名于江湖。这篇文章主要是介绍我收集的常用 Sublime Text 3 的插件(偏前端方向)。
一、准备工作
1. 安装 Sublime Text 3 软件
- Sublime Text 3 官方下载地址
- 本地安装 Node.js 环境(许多插件需要 nodejs 环境才能运行),Node.js 下载地址
-
安装包管理插件 Package Control,Sublime Text 3 可以在 Tools 菜单下直接安装,如下图:
二、主题推荐
- 主题推荐: Material Theme
- 代码字体推荐:Source Code Pro, Adobe 提供的编码专用字体,下载地址。
三、必备插件清单
1. Emmet
Emmet 是前端开发必备插件之一,它能够大大提高编写 HTML 、 CSS 代码的速度。点击进入官方地址。
2. HTML-CSS-JS Prettify
HTML-CSS-JS Prettify 是 HTML 、CSS 和 JS 格式化插件,能够很好的规范 HTML 、 CSS 和 JS 的代码格式。
3. CSScomb
CSScomb 是 CSS 属性排序插件,方便提升代码的可读性和可维护性。
4. JavaScript Completions
JavaScript Completions 是 js 代码提示插件,对一些额外的 js 库也提供代码提示支持。
5. jQuery
jQuery 是 jQuery 代码提示组件。
6. DocBlockr
DocBlockr 可以对 js 代码建立文档。它会解析函数,变量,和参数,根据它们自动生成文档范式。
7. Alignment
Alignment 插件能对齐代码,支持 PHP、CSS 和 Javascript 语言。
8. ConvertToUTF8
ConvertToUTF8 插件可以是使一些在 Sublime Text 3 中打开乱码的文件正常显示。
9. Evernote
Evernote 插件可以在 Sublime Text 3 中获取印象笔记文件,并进行编辑和修改。
10.SublimeTmpl
SublimeTmpl 是一个 sublime 的模板插件,可以使用这个创建和管理插件。官方文档地址
11.MarkdownEditing
MarkdownEditing是一个 sublime 的 Markdown 插件, 使用这个插件可以编辑 markdown 文件。
12. Markdown Preview
Markdown Preview 是 sublime 中的 markdown 预览插件。