sublime text 3 插件推薦？

01-05

sublime text 上寫js表示很肉疼，尤其是對於JS不是特熟練的我，有沒有一些提示的插件，另外因為一些個人習慣與團隊中寫css 的方式不一，比如我是喜歡選擇器挨著寫一行到底，而其他小夥伴就是每一個選擇器另起一行，看著特難受，求插件自動化。謝謝
另外大家也可以把平時常用的一些插件列出來分享交流哈哈。謝謝

不邀自來。各種鏈接引用黨，毫無乾貨。

1.安裝插件，首先你需要Package Control。Installation

2.這裡有一些常用的插件介紹：Sublime Text 3 絕對神器

3.其中Emmet就是你最需要的那個插件，自動補齊什麼的，功能太多。看這裡

（1）Zen Coding: A Speedy Way To Write HTML/CSS Code（2）使用Emmet加速Web前端開發（3）Emmet 插件使用教程（轉載）

或者查詢官方的說明文檔。

另外再推薦

JsFormat： JS格式化

Alignment：等號對齊（Ctrl+Alt+A）

CSScomb： CSS屬性排序

4.最後補一發牛人總結的Sublime Text的心得經驗。

jikeytang/sublime-text · GitHub 個人覺得十分受用。

記住各種快捷鍵簡直棒。

希望對你有所幫助。

1、SublimeLinter = 錯誤語法

2、JsMinifier =自動壓縮js文件

3、Sublime CodeIntel =代碼自動提示

4、Bracket Highlighter =代碼匹配

5、CSScomb CSS =屬性排序

6、SublimeTmpl =快速生成文件模板

7、SideBarEnhancements =設置sublime text2/3支持瀏覽器預覽

8、ColorPicker =調色盤

9、Tag = Html格式化

10、Clipboard History = 剪貼板歷史記錄

11、SideBarEnhancements = 側欄右鍵功能增強

12、GBK to UTF8 =GBK轉黃成UTF8

13、SFTP =ftp插件

14、WordPress = WordPress函數

15、PHPTidy =排版PHP代碼

15、YUI Compressor =壓縮JS和CSS文件

16、Alignment =代碼對齊

17、Emmet =大名鼎鼎呀

18、Prefixr =css自動添加 -webkit 等私有詞綴

---------此類問題，建議大家先百度一下，有很大大牛寫了相關插件，也很好找-------------

不重複回答了，我是來做廣告的

Sublime Text 有哪些實用技巧？ - 擱淺被註冊了的回答

PlainTasks

有了它我整個人都好起來了，Wunderlist, todo, http://doit.im 上再也不用記錄工作todo了...

我給改成[x] [v]了，用自帶的話，象archived等的功能更多

上圖來源：Sublime Text 2 插件：PlainTasks

大名鼎鼎的 MarkdownEditing

記得下載GFM

實用的sublime插件集合

感覺這個頁面推薦的不錯~

Sublime Text 3前端開發常用優秀插件介紹

非常符合我習慣的搭配

"installed_packages": [ "Alignment", "All Autocomplete", "AutoFileName", "BracketHighlighter", "CodeFormatter", "ColorPicker", "ConvertToUTF8", "CSS3", "CSScomb", "DocBlockr", "Emmet", "Git", "HTML5", "HTMLAttributes", "HTMLBeautify", "JsFormat", "Markdown Preview", "Material Theme", "One Dark Material - Theme", "Package Control", "Sass", "SideBarEnhancements", "SideBarFolders", "SublimeLinter", "SublimeTmpl", "Tag", "Themr", "TrailingSpaces", "Trimmer" ]

終極插件：WebStorm。滿足你對「寫代碼」現在的以及未來的所有要求，只不過沒有用到 Sublime 而已。

利益相關：

我最討厭 Sublime 了
vim 使用者
VSCode 使用者
Sublime 使用者
WebStorm 使用者

SublimeREPL

運行 python

運行matlab

運行shell腳本

emmet：html,css代碼補全
sidebar：右鍵open in broswer
Bracket Highlighter：匹配括弧
Sublime CodeIntel：代碼補全```需要配置環境```
Alignment：代碼對齊
docblockr：生成注釋插件[文檔](https：//http://packagecontrol.io/packages/DocBlockr)
git：git
jQuery：jQuery
ConvertToUTF8：轉碼成utf-8，解決亂碼

不請自來，談一談我在ST上面的配置。

也是在網上看了很多的經驗之談，還有推薦插件什麼的，下面講一下自己用了一年覺得最常用的一些插件。

1.Package Control：這個是必須裝的，就不多解釋了

2.Emmet：原來的Zen Coding，功能太多，絕對神器，基本滿足前端大部分代碼習慣和強迫症需求

3.Alignment：等號對齊。這個是在做信安的時候發現的插件，用了PBC庫以後基本所有代碼都變成X=Y，有了這個插件代碼要清晰地多

4.FileDiffs：這個是用來比較文件差異的。手下的幾個碼農的代碼風格與自己並不相同，經常代碼匯總過來我都不知道他們改了什麼，這個插件還是很給力的。

5.JsFormat：Js代碼格式化。用原生Js的朋友可能需要

6.AutoPrefixer：用於CSS後處理，前端代碼的話可能有Emmet就夠了，這個主要是補上一些瀏覽器前綴神馬的

7.CSScomb：這個是CSS的屬性排序用的，完全屬於個人強迫症需求，不過代碼規範化還是完全有必要的

大概也就這麼多我個人比較常用的，希望能對您有所幫助

覺得打開package install，按直覺去找，jsformat就是在自己要格式化json時硬生生憋出來的單詞，結果居然有這個plugin，哈哈，codewall上有很很多sublime的tricks

sublime text 3常用插件（html快速輸入） php代碼錯誤提示 sftp遠程插件

去 http://www.fan0413.cn

[ "1337 Color Scheme", "AdvancedNewFile", "Alignment", "All Autocomplete", "Anaconda", "APICloudLoader", "APICloudPackage", "AutoFileName", "Autoprefixer", "Bemmet", "BorkFilesSyntaxHighlighting", "BracketHighlighter", "CodeFormatter", "Color Highlighter", "ColorPicker", "ConvertToUTF8", "CSS3", "CSScomb", "Djaneiro", "DocBlockr", "Emmet", "FileDiffs", "Git", "GitGutter", "HTML5", "HTMLAttributes", "HTMLBeautify", "JavaScript NodeJS Snippets", "JsFormat", "Markdown Preview", "MarkdownEditing", "Material Theme", "Minify", "Package Control", "Placeholders", "requirementstxt", "Sass", "SideBarEnhancements", "SublimeCodeIntel", "SublimeLinter", "SublimeTmpl", "Tagify", "Theme - Brogrammer", "Theme - Soda", "Theme - SoDaReloaded", "Themr", "TrailingSpaces", "Trimmer" ]

對於曾經使用phpstorm的用戶，使用sublime之後，也想能夠讓ide自動檢測出：

1、使用了一個事先沒有定義的變數（大部分是手誤，變數拼寫錯誤,往往導致程序的bug）。

2、定義的變數沒有被使用。（代碼冗餘）.

總結起來，就是，讓sublime能夠『Identifying PHP unused and undefied variables sublime』

因此推薦一個php插件SublimeLinter-phpmd：

GitHub - SublimeLinter/SublimeLinter-phpmd: SublimeLinter plugin for php, using phpmd.

這個項目的star比較少，但是，他用到的phpmd，可是一個很好的工具，它可以：

Possible bugs Suboptimal code Overcomplicated expressions Unused parameters, methods, properties

phpmd甚至可以單獨使用:

下面展示下SublimeLinter-phpmd這個插件的效果：

點擊黃色圓圈，就會在底部狀態欄提示這個變數沒有定義或者沒有使用。

在sublime3中安裝Anoconda插件，有跟sublimecodeintel一樣的自動提示功能，以及可以用「Goto Definitions」（自己設置快捷鍵）能夠在你的整個工程中查找並且顯示任意一個變數、函數或者類的定義，或用「Find Usage" （自己設置快捷鍵）能夠快速的查找某個變數、函數或者類在某個特定文件中的什麼地方被使用了。使用Anocanda插件的前提是你告訴它你的Python和相關packages在哪裡，這一點別忘了：）

-------------------------------------12/16更新------------------------------------------

Python的話用sublimecodeintel這個插件，配置方法看sublime text3 python代碼自動提示/補全插件sublimecodeintel配置這一篇文章，注意裡邊Python相關路徑要改成你自己Python或者Anconda安裝的路徑。我覺得這個插件提示功能挺好用的，有點像VS了。最終效果如下：

還有一個是AutoPep8，可以自動排版代碼，使之符合PEP8編碼規範。雖說自己編碼風格平時多注意就好，但是安裝一下無妨。這是排版效果：

排版前

排版後