打造自己的Sublime使用環境


1、破解LICENSE(如果不是特窮還是買一個吧,不是特別貴,支持正版)
----- BEGIN LICENSE -----
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
------ END LICENSE ------

2、Sublime Text : 創建工程
Sublime Text 可以很方便地管理多個工程。使用SublimeText的Projects,可以將不同根目錄的文件組織起來成為一個工程,而不用將所有的文件都放到一個根目錄下面。
(1). 創建工程
Project > Add Folder to Project
這時在sidebar中將出現剛剛添加的文件目錄,如果還需要添加其他目錄,則重復這一操作即可。
(2). 保存工程
Project > Save Project As
擊保存后Sublime Text將自動生成兩個文件:
project_name.sumlime-project:包含工程定義,該文件會被記錄到版本控制里。
project_name.sublim-workspace:包含了用戶的工程數據,例如打開的文件和修改等,該文件不會被記錄到版本控制里。
  在*.sublime-project文件中,你可以定義工程配置。例如你可以定義多個目錄路徑,或者哪些目錄或文件需要排除在外。創建完以后如果左側沒有出 現項目文件,則需要重啟。
(3). 切換工程
如果你同時有好幾個工程需要開發,你可以有以下兩種方式來打開你需要工作的工程:
啟動Sublime Text,點擊Project > Open Project,找到*.sublime-project文件,打開。
啟動Sublime Text,使用 Ctrl + Alt + P 快捷鍵,你會得到一個搜索框,該搜索框列出了所有打開過的工程名稱,選中工程並打開。
  PS:如果直接使用Sublime Text編輯*.sublime-project,Sublime Text會自動載入工程,建議使用別的文本編輯器編輯*.sublime-project。

3、在Sublime Text3的安裝目錄下新建文件夾“Data”,該文件夾創建完成后再打開Sublime Text程序,我們發現,Packages被安裝在了當前創建的文件夾下(
我的路徑是C:\Program Files\Sublime Text 3\Data)。稍后把其他必備插件裝全了,我們備份一下Sublime Text 3文件夾,這樣以后走到哪都可以無須一步步重新安裝,
快速部署我們的Sublime Text環境。

4、使用Package Control組件安裝
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
(1)重啟Sublime Text 3。
(2)如果在Perferences->package settings中看到package control這一項,則安裝成功。

5、支持GBK編碼
CovertToUTF8。GBK Encoding Support 插件貌似也可以中可以支持GBK編碼,但我在Sublime Text 3中未搜索到此插件了。
安裝此插件左邊會出現“Reload with Encoding”來根據不同的編碼方式加載頁面,使之支持GB2312等編碼。
這個插件的快捷鍵和“ColorPicker”插件沖突,建議修改為“ctrl+shift+alt+c”。Default (Windows).sublime-keymap文件。(有些插件沒有Key Bingdings — defualt選項需要打開Package包下的Default (Windows).sublime-keymap文件進行設置)
[
{ "keys": ["ctrl+shift+alt+c"], "command": "convert_to_utf8", "args": {"encoding": "GBK", "stamp": "0" } }
]
多數情況下,本插件將自動對處理編碼相關的事項。

您也可以通過 File > Set File Encoding to 菜單對文件編碼進行手工轉換。例如,您可以打開一個 UTF-8 編碼的文件,指定保存為 GBK,反之亦然。

注意:

如果 convert_on_save 被設置為 never,文件不會被保存成指定編碼
在文件編碼檢測過程完成前請勿編輯文件
若檢測結果不准確,請嘗試增大 max_detect_lines 的值或手工指定編碼


6、Emmet(Zen Coding升級版,HTML編碼神器
如果按下“Ctrl+E”和“Tab”鍵都不管用,那么應該提示“please wait a bit while pyV8 binary is being downloaded”的錯誤。這時候是“是PyV8的問題”,是因為網速或者是防火牆的問題。
(可以Remove重新安裝一次,啟用VPN)應該從網上手動下載“PyV8”(https://github.com/emmetio/pyv8-binaries#readme),解壓文件至Packages\PyV8文件夾內(Preferences – Browser Packages),重啟解決(根據操作系統的版本進行選擇下載的版本號)。
比如路徑:C:\Program Files\Sublime Text3\Data\Packages\PyV8\win64-p3(32位操作系統就是,win32-p3)。而不要使用解壓包的默認文件名“pyv8-win64-p3”。

7、ColorPicker(調色面板插件)
快捷鍵為“ctrl+shift+c”,調出顏色面板,給CSS元素設置顏色。

8、Sublime Alignment
左上角Sublime Text -> Preferences -> Package Settings ->Alignment
如果沒有最后的"Alignment"選項,說明你還沒有安裝此插件。
這里面有5個選項:
Settings- Default
Settings- User
Settings- Syntax Specific - User
Key Bildings - Default
Key Bildings - User
帶有后綴Default的,為默認設置,每次升級插件都會重置這里的設置。所以盡量不要修改這里,否則升級會丟失你原先的設置。

帶有后綴User的,為用戶自定義設置,你可以把Default里面的設置全部復制一份到這里,然后再修改,這里存在的設置選項會覆蓋Default里面的,即User的優先級更高。

Key Bildings為快捷鍵設置,默認的快捷鍵很有可能因為和其他快捷鍵沖突而無效,
所以及可以在Key Bildings - User里重新設置(格式可以仿照Default里的寫法)。
此快捷鍵是用來 實現對齊的。等號對其,如果是其它符號等對其方式可以查詢百度或Google。
默認快捷鍵[
[{ "keys": ["ctrl+alt+a"], "command": "alignment" }],和“QQ”的截屏快捷鍵沖突,可以改為“ctrl+shift+alt+a”。或者修改QQ快捷鍵
參數詳解,比如下面為原始測試數據

int aa = 1;
char bb = 'a';
float fff = 2;
unsigned int d = 1;

(1)“align_indent”:
開關量,默認為true,
true,則把選擇的多行的不同縮進級別也變成相同的縮進(最大的縮緊級別),結果如下:
int aa = 1;
char bb = 'a';
float fff = 2;
unsigned int d = 1;
flase,只是對齊,不改變縮進級別,結果如下:
int aa = 1;
char bb = 'a';
float fff = 2;
unsigned int d = 1;
(2)mid_line_tabs”

開關量,默認為false。
如果你的文本是使用Tab鍵縮進排版,設置該變量為true時,那么該插件在對齊文本的時候也使用Tab鍵來對齊縮進。
但是這樣可能會出現問題,因為Tab鍵在不同的編輯器上代表的空格數可能不同(Sublime 是代表4個空格),
當你使用別的編輯器打開該文件時,簡而言之,就是排版可能就不是對齊的了。
(3)“alignment_chars”
即對齊字符

這是一個數組,可以這樣設置多個字符:alignment_chars": ["=","*","a"]
默認只有“=”字符,即alignment_chars": ["="]
數組里面的字符就是放在中線對齊的字符。
如下面都把“=”排成一列中線對齊

int aa = 1;
char bb = 'a';
float fff = 2;
unsigned int d = 1;
例如設置里增加“*”號,即:alignment_chars": ["=","*"]
結果如下:

原文:

int *aa = 1;
char *bb = 'a';
float *fff = 2;
unsigned int *d = 1;
排列對齊后:(把“*”號排成對齊的一列)

int *aa = 1;
char *bb = 'a';
float *fff = 2;
unsigned int *d = 1;
(4)“alignment_space_chars”
和“alignment_chars”一樣,也是數組格式
默認值包含“=”號,即:alignment_space_chars": ["*","="]

就是這個數組包含上面“alignment_chars”里的字符,
對齊后,在其前面增加一個空格。
如果這里不包含“alignment_chars”里的字符,對齊后,在其前面沒有空格。

可以這樣說,
“alignment_space_chars”數組是“alignment_chars”數組的子集。

原文還在文章的起始處,這里設置包含“=”,
即alignment_space_chars": ["="],
結果如下:

int aa = 1;
char bb = 'a';
float fff = 2;
unsigned int d = 1;
這里設置不包含任何字符,
即alignment_space_chars": [],
結果如下:

int aa = 1;
char bb = 'a';
float fff = 2;
unsigned int d= 1;
(5)“alignment_prefix_chars”
即:前綴字符
默認設置:
"alignment_prefix_chars": ["+", "-", "&", "|", "<", ">", "!", "~", "%", "/", "*", "."]

對齊字符(即alignment_chars"里的字符),可以擁有前綴字符。
例如”=“號字符前可以擁有以上字符作為前綴。

原文設置如下:(這里的前綴字符有 “!“、“<“符號)

int aa = 1;
char bb != 'a';
float fff <= 2;
unsigned int d = 1;
對齊后如下:(即把前綴字符+對齊字符一起當作對齊字符來對待)

int aa = 1;
char bb != 'a';
float fff <= 2;
unsigned int d = 1;
(6)總結

可按照以上的參數說明,自己增加對齊的字符來增強功能。
我一般需要在對齊字符前面增加一個空格,
所以我一般就保持alignment_chars 數組和 alignment_space_chars數組一致。即在所有的對齊字符前面都增加一個空格。

9、JsFormat(JS腳本格式化插件)
使用方法:
(1)快捷鍵:ctrl+alt+f
(2)先用快捷鍵打開命令面板 “ctrl + shift + p”, 再輸入 “Format: Javascript” 就可以使用格式化命令

10、 cssComb
使用這個工具可以幫助你重新排列CSS中定義的屬性,幫助你按照你預定義的排序格式生成新的CSS。 主要特性
幫助排序CSS屬性
自定義排序規則
可以處理標簽 style 內的CSS屬性
格式不變化
完全支持CSS2/CSS2.1/CSS3和CSS4
默認快捷鍵:ctrl+shift+c 和 “ConvertToUTF8與ColorPicker是沖突的”,需要修改下。
["ctrl+alt+c"]

11、CTags
(1)快捷鍵:
ctrl+t ctrl+t //鼠標在函數出執行,跳到函數處
ctrl+t ctrl+b //調回函數
(2)安裝了,肯定無法使用,必須系統中有ctags才能用(Sublime項目右鍵CTags:Rebuild Tags)
官方說明如下安裝ctags

OS X

If anyone is having trouble getting the CTags -R flag to work on OSX, you are probably using the stock CTags installation.

To get a proper copy of ctags, use one of the following options:

Using Homebrew: brew install ctags
Using MacPorts: port install ctags

Make sure that Sublime Text is using the right version of CTags:*
If 'which ctags' doesn't point at ctags in '/usr/local/bin', make sure you add '/usr/local/bin' to your PATH ahead of the folder that 'which ctags' reported.
Add or modify the 'export PATH=...' (e.g. in /.profile) to make the change permanent

Linux

To get a proper copy of ctags, use one of the following options:

In a terminal session: sudo apt-get install ctags

Windows

Download the binary ctags.exe from Exuberant Ctags site.

Extract ctags.exe from the download zip to "C:\Program Files\Sublime Text 2" or any folder that within your PATH so CTags support for Sublime Text 2 can run it.

接着說一下使用:

要想ctags可以使用,先要在相應的項目目錄生成.tags文件,比如我要在G:\AppData\web\seven\Cola下生成。

首先cmd進入對應的目錄,然后使用命令,會生成一個.tags 文件

ctags -R -f .tags
(3)(windows環境下)看了很多安裝ctags的方法

sublime text 2或3中安裝完ctags ,對函數進行兩次ctrl+T,發現不能跳轉,報錯: can't find any relevent tags file

------------------------解決方法----------------------------------------------------------

原因是因為沒有生成.tags索引文件

生成方法有兩種:

a.sublime軟件中,功能菜單File->Open Folder 打開要分析的目標文件夾,從左側邊欄中點擊打開任意程序文件,按下crtl+T、ctrl+R組合鍵(即:最上行功能菜單Find->Ctags->rebuild tags),這時可以看到目標文件夾中生成了.tags索引文件,以及.tags_sorted_by_file。

b.Win+R:輸入指令cmd,回車。cd指令進入要分析的目標文件夾,輸入:ctags -R -f .tags

手動生成.tags文件。與方法一不同的是,不會生成.tags_sorted_by_file,不過在使用中尚未發現區別,對此歡迎大家完善補充。
下角有這樣的提示: Can't find any relevant tags file
這是因為我們沒有配置ctags可執行文件的路徑。需要單獨安裝ctag的可執行文件。

12、DocBlockr(自動生成注釋插件)
在函數上面輸入/** ,然后按tab 就會自動生成注釋。

13、FileDiffs

功能:強大的比較代碼不同工具

簡介:比較當前文件與選中的代碼、剪切板中代碼、另一文件、未保存文件之間的差別。可配置為顯示差別在外部比較工具,精確到行。

使用:右鍵標簽頁,出現FileDiffs Menu或者Diff with Tab…選擇對應文件比較即可

14、Bracket Highlighter

功能:代碼匹配

簡介:可匹配[], (), {}, “”, ”, <tag></tag>,高亮標記,便於查看起始和結束標記

使用:點擊對應代碼即可

15、jQuery

功能:jQ函數提示

簡介:快捷輸入jQ函數,是偷懶的好方法

16、LESS

功能:LESS高亮插件

簡介:用LESS的同學都知道,sublime沒有支持less的語法高亮,所以這個插件可以幫上我們

使用:打開.less文件或者設置為less格式

17、AutoFileName

功能:快捷輸入文件名

簡介:自動完成文件名的輸入,如圖片選取

使用:輸入”/”或"../"即可看到相對於本項目文件夾的其他文件

18、Trailing spaces
功能:檢測並一鍵去除代碼中多余的空格

簡介:還在糾結代碼中有多余的空格而顯得代碼不規范?或是有處女座情節?次插件幫你實現發現多余空格、一鍵刪除空格、保存時自動刪除多余空格,讓你的代碼規范清爽起來

使用:安裝插件並重啟,即可自動提示多余空格。一鍵刪除多余空格:CTRL+SHITF+T(需配置),更多配置請點擊標題。快捷鍵配置:在Preferences / Key Bindings – User加上代碼(數組內){ "keys": ["ctrl+shift+t"], "command": "delete_trailing_spaces" }
另外一種方法click on "Edit / Trailing Spaces / Delete";

19、sublimeLinter
干啥事情都得學會偷懶,code也是如此。盡管grunt工具提供了jshint對js代碼作檢查的插件,但是,這就有點后知后覺了。如何在你code時就將錯誤給鎖定並消滅呢?

還好,使用submlime的童鞋就有福了。sublimeLinter就是這樣一個提供代碼檢測的工具。
安裝package我就不多說了了,用過sublime的筒子們都知道兩種方法。使用sublime控制台裝不了就從github上直接安裝吧。地址是:https://github.com/SublimeLinter/SublimeLinter

安裝好后,還要有node環境,這樣才能檢測。沒安裝node的就安裝node吧。

javascript和css的檢測分別使用的是jshint/jslint(視你node安裝了哪個)和csslint。

從個人使用來看,檢測只針對文件后綴來判定檢測,所以,寫在html中的js,css
就沒法做檢測了。這是唯一的缺點。所以,grunt的檢測還是需要做最后一步把關的。

a、准備工作
  安裝 Sublime Text 包管理工具:http://wbond.net/sublime_packages/package_control

  使用 Sublime Text 包管理工具安裝 SublimeLinter:https://github.com/SublimeLinter/SublimeLinter

  安裝 Node.js,建議安裝 Windows Installer 版本:http://nodejs.org

  參數配置
  打開 SublimeLinter 的配置文件,Preferences->Package Settings->SublimeLinter->Settings - User,進行如下配置:
b、運行模式
"sublimelinter": "save-only",
SublimeLinter 的運行模式,總共有四種,含義分別如下:

true - 在用戶輸入時在后台進行即時校驗;
false - 只有在初始化的時候才進行校驗;
"load-save" - 當文件加載和保存的時候進行校驗;
"save-only" - 當文件被保存的時候進行校驗;
推薦設置為 “save-only”,這樣只在編寫完代碼,保存的時候才校驗,Sublime Text 運行會更加流暢。
c、校驗引擎
"sublimelinter_executable_map":
{
"javascript":"D:/nodejs/node.exe",
"css":"D:/nodejs/node.exe"
}
  這里是配置 JavaScript 和 CSS 校驗需要用到的 JS 引擎(這里用的是 Node.js)的安裝路徑。
d、JSHint 選項
SublimeLinter 使用 JSHint 作為默認的 JavaScript 校驗器,也可以配置為 jslint 和 gjslint(closure linter)。下面我使用的 jshint 校驗選項,大家可以根據自己的編碼風格自行配置,選項的含義可以參考這里:http://www.jshint.com/docs/#options
"jshint_options":
{
"strict": true,
"noarg": true,
"noempty": true,
"eqeqeq": true,
"undef": true,
"curly": true,
"forin": true,
"devel": true,
"jquery": true,
"browser": true,
"wsh": true,
"evil": true
}
e、CSSLint 選項
SublimeLinter 使用 CSSLint 作為 CSS 的校驗器,下面是默認配置的校驗選項,可以根據個人編碼風格修改:
"csslint_options":
{
    "adjoining-classes": "warning",
    "box-model": true,
    "box-sizing": "warning",
    "compatible-vendor-prefixes": "warning",
    "display-property-grouping": true,
    "duplicate-background-images": "warning",
    "duplicate-properties": true,
    "empty-rules": true,
    "errors": true,
    "fallback-colors": "warning",
    "floats": "warning",
    "font-faces": "warning",
    "font-sizes": "warning",
    "gradients": "warning",
    "ids": "warning",
    "import": "warning",
    "important": "warning",
    "known-properties": true,
    "outline-none": "warning",
    "overqualified-elements": "warning",
    "qualified-headings": "warning",
    "regex-selectors": "warning",
    "rules-count": "warning",
    "shorthand": "warning",
    "star-property-hack": "warning",
    "text-indent": "warning",
    "underscore-property-hack": "warning",
    "unique-headings": "warning",
    "universal-selector": "warning",
    "vendor-prefix": true,
    "zero-units": "warning"
}
f、提供一下一下自己的配置
{
"sublimelinter": "save-only",
"sublimelinter_popup_errors_on_save": true,
"sublimelinter_executable_map": {
"javascript": "D:/nodejs/node.exe",
"css": "D:/nodejs/node.exe"
},
"jshint_options": {
"strict": false,
"quotmark": "single", //只能使用單引號
"noarg": true,
"noempty": true, //不允許使用空語句塊{}
"eqeqeq": true, //!==和===檢查
"undef": true,
"curly": true, //值為true時,不能省略循環和條件語句后的大括號
"forin": true, //for in hasOwnPropery檢查
"devel": true,
"jquery": true,
"browser": true,
"wsh": true,
"evil": true,
"unused": "vars", //形參和變量未使用檢查
"latedef": true, //先定義變量,后使用
"globals": {
"grunt": true,
"module": true,
"window": true,
"jQuery": true,
"$": true,
"global": true,
"document": true,
"console": true,
"setTimeout": true,
"setInterval": true
}
},
"csslint_options": {
"adjoining-classes": false,
"box-sizing": false,
"box-model": false,
"compatible-vendor-prefixes": false,
"floats": false,
"font-sizes": false,
"gradients": false,
"important": false,
"known-properties": false,
"outline-none": false,
"qualified-headings": false,
"regex-selectors": false,
"shorthand": false,
"text-indent": false,
"unique-headings": false,
"universal-selector": false,
"unqualified-attributes": false
}
}

考慮到csslint的檢測比較坑爹,為了覆蓋默認的設置(否則每次保存,將有錯誤和警告提示,其中屬性值為true則是錯誤提示,為warning則是警告提示),我們必須在user setting中重新設置true為false,這樣就沒有提示啦。這個設置參考了bootstrap的.csslintrc文件配置。

20、AutoPrefixer(CSS3私有前綴補全插件)

     (1)確保Node.js已經安裝,未安裝請 點擊 這里>>

     (2)打開sublime ,插件中安裝

      (3)設置快捷鍵,選擇菜單Preferences > Key Bindings – User 

 

[
    { "keys": ["super+alt+p"], "command": "autoprefixer" }
]

 

21、SideBarEnhancements(側邊欄增強)
SideBarEnhancements本是增強側邊欄的插件,這里將教大家如何用來做sublime text 3瀏覽器預覽插件,並可自定義瀏覽器預覽的快捷鍵。

安裝此插件,點擊工具欄的preferences > package setting > side bar > Key Building-User,鍵入以下代碼,這里設置按Ctrl+Shift+C復制文件路徑,按F1~F5分別在firefox,chrome,IE,safari,opera瀏覽器預覽效果,當然你也可以自己定義喜歡的快捷鍵,最后注意代碼中的瀏覽器路徑要以自己電腦里的文件路徑為准。

[
{ "keys": ["ctrl+shift+c"], "command": "copy_path" },
//firefox
{ "keys": ["f1"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\software\\Browser\\Mozilla Firefox\\firefox.exe",
"extensions":".*" //匹配任何文件類型
}
},
//chrome
{ "keys": ["f2"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Users\\Mr.DenGo\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
"extensions":".*"
}
},
//ie
{ "keys": ["f3"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",
"extensions":".*"
}
},
//safari
{ "keys": ["f4"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\software\\Browser\\Safari\\safari.exe",
"extensions":".*"
}
},
//opera
{ "keys": ["f5"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\software\\Browser\\opera\\opera.exe",
"extensions":".*"
}
}
]

 

蘋果Mac系統:

[
    {
        "keys": ["f1"], "command": "side_bar_open_in_browser",
        "args": { "paths": [], "type": "testing", "browser": "firefox" }
    }, {
        "keys": ["f2"], "command": "side_bar_open_in_browser",
        "args": { "paths": [], "type": "testing", "browser": "chrome" }
    }, {
        "keys": ["f3"], "command": "side_bar_open_in_browser",
        "args": { "paths": [], "type": "testing", "browser": "safari" }
    }, {
        "keys": ["f4"], "command": "side_bar_open_in_browser",
        "args": { "paths": [], "type": "testing", "browser": "opera" }
    }
]

22、SublimeCodeIntel(全功能的 Sublime Text 代碼自動完成引擎)
這個插件一般需要去網上下載,然后獨立安裝,Sublime控制台安裝好像安裝不上。
我們忽略了我們還需要去配置sublimeCodeIntel的config文件,告訴他我們需要javascript的提示(~/.codeintel/config or project_root/.codeintel/config)。
{
"PHP": {
"php": '/usr/bin/php',
"phpExtraPaths": [],
"phpConfigFile": 'php.ini'
},
"JavaScript": {
"javascriptExtraPaths": []
},
"Perl": {
"perl": "/usr/bin/perl",
"perlExtraPaths": []
},
"Ruby": {
"ruby": "/usr/bin/ruby",
"rubyExtraPaths": []
},
"Python": {
"python": '/usr/bin/python',
"pythonExtraPaths": []
},
"Python3": {
"python": '/usr/bin/python3',
"pythonExtraPaths": []
}
}

23、Git不必多少,該插件基本上實現了git的所有功能。

還有其它的插件比如:Terminal,Trimmer,SASS,SASS Build,Lessc等根據情況安裝。

24、SublimeTmpl

      能新建html、css、javascript、php、python、ruby六種類型的文件模板,所有的文件模板都在插件目錄的templates文件夾里,可以自定義編輯文件模板。

25、SFTP / SVN  (這2個插件碼農都用到的)

 

26、 YUI Compressor   (一款可以壓縮js和css的插件),打開任意js/css文件,按下 F7 鍵,即可自動把當前文件壓縮,然后在被壓縮的文件所在的目錄下保存為xxx.min.js  或 xxx.min.css, 其中xxx是當前打開的文件的文件名。

Mac開發環境配置:

Sublime的備份我用的是堅果雲, 這里同樣牆裂推薦。

打開終端,在堅果雲的同步目錄里面新建一個文件夾作為備份目錄,我的同步目錄是~/Nutstore

1
cd ~/Nutstore && mkdir sublime-text-3

進入Sublime的配置目錄

1
cd ~/Library/Application\ Support/Sublime\ Text\ 3/

ls可以看到目錄下面的兩個目標文件PackagesInstalled Packages,將這兩個文件移動到剛剛新建的備份目錄。

1
mv Packages Installed\ Packages ~/Nutstore/sulime-text-3

然后用ln命令鏈接回來

1
2
ln -s ~/Nutstore/sulime-text-3/Packages .
ln -s ~/Nutstore/sulime-text-3/Installed\ Packages .

這樣就算備份完成了,以后如果Sublime重裝的話,只要在配置目錄下面,先刪除PackagesInstalled Packages,然后再像上面一樣用ln鏈接回來就行了。

27、Go-To-Css-Declaration(跳轉到css的定義處)

 

28、 Tags(ctrl+alt+f),格式化HTML

 

 

1、Sublime Alignment(super+alt+a)
2、JsFormat(super+alt+f)
3、“CTags”(super+ctrl+t,跳轉到定義的函數)(ctrl+super+p,往后跳)(ctrl+super+r,重新生成Tags)
4、cssComb(不起作用)
5、DocBlockr(/**+Tab,自動生成注釋)
6、Trailing spaces(super+alt+t)
7、All AutoComplete(在打開的文件中智能匹配) 
讓代碼自動完成的匹配從所有打開的文件里去匹配,而不是只在當前文件里匹配。
8、SideBarEnhancements(super+alt+b),快速打開瀏覽器
9、Tags(ctrl+alt+f),格式化HTML
10、AutpPrefixer(super+right,向右。super+left,向左),插件自動補齊
11、SublimeCodeIntel
12、SublimeLinter

 

 

參考文章:http://www.xuanfengge.com/practical-collection-of-sublime-plug-in.html
http://blog.csdn.net/freshlover/article/details/44261229
http://www.cnsecer.com/460.html
http://www.douban.com/note/275432301/
http://segmentfault.com/a/1190000000389188
http://www.cnblogs.com/lhb25/archive/2013/05/02/sublimelinter-for-js-css-coding.html
http://www.cnblogs.com/bugs/p/3533216.html

http://www.xuebuyuan.com/1122417.html
http://blog.sina.com.cn/s/blog_b78a57180101cys4.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM