不管你用什么編輯,sublime是首選編輯器,就是sublime淘汰,但已成為標(biāo)準(zhǔn)。例如:atom,幾乎等同sublime,及其他可以幾乎調(diào)成到sublime。
一、常用插件
插件搜索地址:packagecontrol.io。當(dāng)然你也可以在github上搜索了。
1. SideBarEnhancements (broweser preview)
你看名字以為是這邊欄擴(kuò)展,但是可以解決瀏覽器預(yù)覽問題。建立快捷鍵方式,用strl + shift + p 去搜索key binding user。
set keyShortcut configunation, you will go to ctrl + shift + p and search key bind user.
[
{ "keys": ["ctrl+shift+c"], "command": "copy_path" },
//chrome
{ "keys": ["f1"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C://Program Files (x86)//Google//Chrome//Application//chrome.exe",
"extensions":".*" //匹配任何文件類型
}
},
//360
{ "keys": ["f2"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Users\\Administrator\\AppData\\Roaming\\360se6\\Application\\360se.exe",
"extensions":".*" //匹配任何文件類型
}
},
//ie
{ "keys": ["f3"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Program Files (x86)\\Internet Explorer\\iexplore.exe",
"extensions":".*" //匹配任何文件類型
}
},
// firefox
{ "keys": ["f4"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "D:\\Program Files\\Mozilla Firefox\\firefox.exe",
"extensions":".*" //匹配任何文件類型
}
}
]
ps: 如果前端自動(dòng)化,那么這個(gè)做法只是測(cè)試一些html,css,js采用,真正的項(xiàng)目,你還是用自動(dòng)化(gulp、grunt、webpack、browserify,前端四大金剛)。
2. sass 、scss、css3
這個(gè)我沒有找到合適autocomplete plugin package,并沒能將這個(gè)三個(gè)自動(dòng)合在一起,導(dǎo)致你寫scss,想寫css3的屬性,他沒有提示,寫css3時(shí),scss也沒提示,scss和sass并且亂用的,我在其他編輯器中,發(fā)現(xiàn)都是整合在一起的。例如:atom做到了。
我不知道有什么其他好方法,能夠?qū)⑦@三個(gè)的autocomplete整合在一起。
注意: 這里我沒安裝compass和autoprefixer,安裝過,后卸載了。另外其他編輯器atom和webstorm,phpstorm、Hbuild等也不沒有配置。想想看每個(gè)編輯要配置,一個(gè)月能用那么幾次測(cè)測(cè)東西,因此,我將他們卸載和禁用,用 Koala + Browser-Sync來替代。
3. sublimeText-nodejs
看名字,就明白是nodejs插件,我不太喜歡 ctrl + b 來執(zhí)行運(yùn)行nodejs,與cli的命令都不一樣,也沒有那么多時(shí)間記這些命令,所以還是老老實(shí)實(shí)在cli中敲命令。
其他插件,提一個(gè)名字,看英文單詞
4. sublime-compare-side-by-side
這個(gè)是在側(cè)邊項(xiàng)目欄,右擊項(xiàng)目文件,呼出的菜單面板。
5. emmet
6. python-markdown
這個(gè)他自身配有
7. formatting 或者 prettify Code
8. terminal
9. AdvanceNewFile
-
ctrl + alt + n創(chuàng)建文件 ctrl + alt + shift + n
10. sublime-compare-side-by-side
search
compara width
11. IMESupport
解決IME候選框不跟蹤的問題
總結(jié):當(dāng)然,插件很多種,就看個(gè)人喜好。
二、插件備份
配置好了自己編輯器,做備份,為以后安裝方便。有三種備份方法:
- 備份在github上
- 備份在云盤上
- package sync
三、啟動(dòng)和禁用插件
n package diable
或者
n package enable
四、快捷鍵的設(shè)置
我不太喜歡設(shè)置快捷鍵,除了個(gè)瀏覽器預(yù)覽設(shè)置外。我其他都保持默認(rèn)。很多時(shí)候靠 ctrl + shift + p 來搜索命令。若真要設(shè)置,進(jìn)入key binding-user。查看所有默認(rèn)快捷鍵方式,進(jìn)入key binding-default。
常用快捷鍵,看很多文章,總是一長串,花時(shí)間記錄快捷鍵,還不如多多記代碼。
<font text-aling=center> 還不只需要記住ctrl + shift + p </font>
記不住,就搜(the English capacity problem, it is your problem, rather than not belong me)
-
ctrl + p文件搜索 -
ctrl + R文件替換 - 分屏
- alt + shift + 1
- alt + shift + 2
- alt + shift + 3
- alt + shift + 4
- alt + shift + 5
- alt + shift + 8
五、在cli用subl打開文件,如下:
subl a.txt
1. window系統(tǒng)下
1) cmder 和 cmd
doskey subl="D:\Program Files\sublime3\Sublime Text 3\sublime_text.exe" $*
ps: 上面要通過管理員權(quán)限啟動(dòng)cli并輸入,是否加上變量環(huán)境(不太清楚,我的電腦加上了),
2) cygwin
$ echo 'alias subl="/cygdrive/c/Program\ Files/Sublime\ Text\ 2/sublime_text.exe"' >> ~/.bashrc
在這個(gè)問題上百度是吃狗屎的,請(qǐng)上stackoverflow
2. mac下
沒用過mac,這里提供傳送門