Sublime Text 3 是前端編輯利器,其以豐富的擴展插件聞名于江湖。這篇文章主要是介紹我收集的常用 Sublime Text 3 的插件(偏前端方向)。
一、準備工作
1. 安裝 Sublime Text 3 軟件
- Sublime Text 3 官方下載地址
- 本地安裝 Node.js 環境(許多插件需要 nodejs 環境才能運行),Node.js 下載地址
-
安裝包管理插件 Package Control,Sublime Text 3 可以在 Tools 菜單下直接安裝,如下圖:
安裝 Package Control 插件
二、主題推薦
- 主題推薦: 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 預覽插件。