1、注冊(cè):
Sublime Texts 3 (Build 3143) 破解碼:
—– BEGIN LICENSE —–
TwitterInc
200 User License
EA7E-890007
1D77F72E 390CDD93 4DCBA022 FAF60790
61AA12C0 A37081C5 D0316412 4584D136
94D7F7D4 95BC8C1C 527DA828 560BB037
D1EDDD8C AE7B379F 50C9D69D B35179EF
2FE898C4 8E4277A8 555CE714 E1FB0E43
D5D52613 C3D12E98 BC49967F 7652EED2
9D2D2E61 67610860 6D338B72 5CF95C69
E36B85CC 84991F19 7575D828 470A92AB
—— END LICENSE ——
Sublime Texts 3 (3143 之前版本可用):version 3103:
—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
—— END LICENSE ——
2、漢化:
https://github.com/Xiankai-Wan/SublimeSupport
下載ZIP文件寞射,解壓得到?License?注冊(cè)碼文件和?Default.sublime-package?漢化包文件评甜。
打開(kāi)?Sublime Text?編輯器肘交,點(diǎn)擊菜單欄?Preferences?>>?Browse Packages?會(huì)打開(kāi)一個(gè)文件目錄氯窍,類(lèi)似于?C:\Users\XXXXX\AppData\Roaming\Sublime Text 3\Packages。
我們需要返回到上級(jí)目錄如:C:\Users\XXXXX\AppData\Roaming\Sublime Text 3锤躁,在此目錄中進(jìn)入?Installed Packages?文件夾首量,將解壓得到的?Default.sublime-package?文件直接復(fù)制到這個(gè)文件夾內(nèi)就可以完成漢化。
3进苍、命令行啟動(dòng)
安裝完成之后我們可以通過(guò)雙擊 Sublime Text 圖標(biāo)打開(kāi)編輯器,但是作為一個(gè)開(kāi)發(fā)人員鸭叙,我們更為習(xí)慣的是在終端命令行中打開(kāi)編輯器或者直接打開(kāi)項(xiàng)目文件觉啊。這里我們需要將 Sublime Text 添加到環(huán)境變量,以下操作步驟:
使用?Win + R運(yùn)行?sysdm.cpl打開(kāi)?系統(tǒng)屬性?沈贝。
然后在高級(jí)?選項(xiàng)卡里面點(diǎn)擊右下角的環(huán)境變量杠人,進(jìn)入環(huán)境變量面板。
在環(huán)境變量面板?的系統(tǒng)變量?中找到?Path?變量宋下,點(diǎn)擊編輯按鈕嗡善。
復(fù)制你的 Sublime Text 的安裝目錄(例如?C:/ProgramFiles/Sublime Text 3)并添加到彈窗的變量值?中。
注意:如果?變量值?一欄中已有其它路徑学歧,需要添加?;?作為分割罩引。
4、快捷鍵
剪切:Ctrl + X
復(fù)制:Ctrl + C
粘貼:Ctrl + V
撤消:Ctrl + Z
恢復(fù):Ctrl + ? + Z 或 Ctrl + Y
Ctrl + shift + D枝笨,高亮或不高亮文本
選擇詞:Ctrl + D
選擇行:Ctrl + L
全選:Ctrl + A
選擇每個(gè)實(shí)例:Alt + F3
移動(dòng)光標(biāo)至上一個(gè)詞:Ctrl + ←
移動(dòng)光標(biāo)至下一個(gè)詞:Ctrl + →
移動(dòng)光標(biāo)至行首:Home
移動(dòng)光標(biāo)至行尾:End
移動(dòng)光標(biāo)至文檔開(kāi)頭:Ctrl + Home
移動(dòng)光標(biāo)至文檔結(jié)尾:Ctrl + End
跳轉(zhuǎn)到左/右圓括號(hào)袁铐、方括號(hào)、大括號(hào):Ctrl + M
跳轉(zhuǎn)到定義:Ctrl + R
縮進(jìn):Tab 或 Ctrl + ]
取消縮進(jìn):? + Tab 或 Ctrl + [
注釋 :Ctrl + /
新建標(biāo)簽:Ctrl + N
向左切換標(biāo)簽:Ctrl + PgUp
向右切換標(biāo)簽:Ctrl + PgDn
關(guān)閉標(biāo)簽:Ctrl + W
重新打開(kāi)標(biāo)簽:Ctrl + ? + T
快速打開(kāi):Ctrl + P
查找:Ctrl + F
5横浑、安裝 Package Control
在安裝包之前剔桨,我們需要先安裝?Package Control?,通過(guò) Package Control 我們可以更加簡(jiǎn)單快速的找到和安裝插件/包。安裝 Package Control?有兩種安裝方式徙融,一個(gè)是簡(jiǎn)單的命令面板安裝洒缀,另外一個(gè)是通過(guò)手動(dòng)下載安裝。
命令面板安裝
打開(kāi) Sublime Text 編輯器后按下 Ctrl+(Windows) / cmd+(Mac), 或者點(diǎn)擊菜單欄?查看/View>>?顯示面板/Show Console欺冀。這將調(diào)出 Sublime Text 的命令面板树绩。
打開(kāi)命令面板之后復(fù)制下面的這段代碼粘貼到命令面板中回車(chē)。
importurllib.request,os,hashlib; h ='6f4c264a24d933ce70df5dedcf1dcaee'+'ebe013ee18cced0ef93d5f746d80ef60'; pf ='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen('http://packagecontrol.io/'+ pf.replace(' ','%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install'% (dh, h))ifdh != helseopen(os.path.join( ipp, pf),'wb').write(by)
當(dāng)你使用上面兩個(gè)方法中的任意一個(gè)方法完成安裝之后脚猾,可以重啟一下 Sublime Text葱峡,在新打開(kāi)的編輯器菜單欄中點(diǎn)擊?首選項(xiàng)/Preferences?可以看選項(xiàng)中多了一個(gè)?Package Settings?和?Package Control?即表示你的?Package Control?安裝成功。
可通過(guò)單擊此鏈接并按說(shuō)明進(jìn)行下載龙助。
安裝完 Package Control 并重新啟動(dòng) Sublime 后砰奕,可以通過(guò)啟動(dòng)“命令面板”并鍵入“Package Control”對(duì)其進(jìn)行訪問(wèn)蛛芥。 要打開(kāi)“命令面板”,請(qǐng)按 Ctrl + ? + P 军援。在命令面板中仅淑,將能夠發(fā)出用于安裝、移除和列出包的命令(其中?Install Package?是安裝包的命令)胸哥。
6涯竟、安裝插件
Sublime 和 Atom 具有成千上萬(wàn)的包可供安裝,但弄清要使用哪些包也并非易事空厌。所以庐船,我們?cè)谙旅嫱扑]了一些你一定想要安裝的包 (Sublime 和 Atom 中均提供了這些包)。安裝包之后嘲更,確保重新啟動(dòng)文本編輯器筐钟,以使更改生效。
Emmet
Emmet 是文本編輯器的插件赋朦,使 Web 開(kāi)發(fā)者能夠更快地編寫(xiě) HTML 和 CSS 代碼篓冲。它通過(guò)將簡(jiǎn)單的 CSS 式縮寫(xiě)擴(kuò)展為 HTML 和 CSS 代碼段來(lái)實(shí)現(xiàn)這一點(diǎn)。
Emmet 對(duì)于任何 Web 開(kāi)發(fā)者而言都是必選插件宠哄。要了解有關(guān) Emmet 如何運(yùn)行的更多信息壹将,請(qǐng)查閱 Smashing Magazine 寫(xiě)的這篇文章,或Emmet 的官方網(wǎng)站.
Color Highlighter
Color Highlighter 是 Sublime 的插件毛嫉, 可以悄無(wú)聲息地預(yù)覽代碼中的顏色值诽俯。此外 Color Highlighter 配備了內(nèi)置顏色選擇器和顏色格式轉(zhuǎn)換器(hex、rgb 等)狱庇, 使更改顏色變得輕而易舉惊畏。
要閱讀關(guān)于“顏色顯示器”的更多內(nèi)容,請(qǐng)查閱其?GitHub 資源庫(kù)?或訪問(wèn)?“Package Control”網(wǎng)站?上的頁(yè)面密任。
Pigments
Pigments 是顯示代碼中顏色的 Atom 插件颜启。與 Sublime 的 Color Highlighter 相似,Pigments 悄無(wú)聲息地預(yù)覽代碼中的顏色值浪讳。此外 Pigments 將掃描項(xiàng)目目錄中的源文件缰盏, 查找顏色,并將構(gòu)建含有所有顏色的調(diào)色板淹遵。這簡(jiǎn)直棒極了口猜!
要查找有關(guān) Pigments 的更多內(nèi)容,請(qǐng)?jiān)L問(wèn)其官方頁(yè)面?on Atom’s website.
Sublime Tutor
Sublime Tutor 是適用于 Sublime Text 3 的交互式編輯器內(nèi)鍵盤(pán)快捷方式教程透揣。是否希望使用鍵盤(pán)快捷方式進(jìn)行更多練習(xí)济炎? 是否想要了解本課程所涵蓋內(nèi)容之外的更多快捷方式?如果是辐真,請(qǐng)安裝 Sublime Tutor 并準(zhǔn)備開(kāi)始须尚!
這個(gè)包需要使用 Sublime Text 3崖堤。如果尚未升級(jí)到 Sublime Text 3,可在?此處?下載耐床。
包列表
Sublime Text
工具類(lèi)
Emmet?-- 非常實(shí)用的插件密幔,提高編程效率。
AdvancedNewFile?-- 文件創(chuàng)建插件
Git?-- 整合 Git 功能插件撩轰。
ColorPicker?-- 取色器插件胯甩。
Sublime-HTMLPrettify?-- 集成了格式化(美化)html、css堪嫂、js三種文件類(lèi)型的插件偎箫。
csscomb-for-sublime?-- 按照一定的CSS屬性排序規(guī)則,將雜亂無(wú)章的CSS屬性進(jìn)行重新排序皆串。
DocBlockr?-- 可以輕松為文件生成描述镜廉。
Minify?-- 代碼壓縮和美化二合一。
AutoFileName?-- 自動(dòng)補(bǔ)全路徑插件愚战。
語(yǔ)言類(lèi)
AngularJS?-- AngularJS 插件。
Babel?-- ES6 和 React齐遵。
CSS3?-- 最好的 CSS 支持插件寂玲,顏色高亮。
Vue Syntax Highlight?-- VUE 語(yǔ)法高亮梗摇。
MarkDown
Markdown Preview?-- 編寫(xiě)Markdown 文件拓哟。
MarkdownEditing?-- 幫助更好的編寫(xiě) MarkDown 文件。
Atom
代碼輔助
emmet: 使用Emmet語(yǔ)法快速編寫(xiě)HTML伶授。
linter-eslint: eslint atom插件断序,用于檢索javascript代碼,可以自定義配置
docblockr: 一鍵生成注釋模板糜烹,使寫(xiě)注釋更高效违诗。
autocomplete-paths: 在寫(xiě)路徑的時(shí)候的自動(dòng)補(bǔ)全。
Git功能
git-plus: 使用atom命令行來(lái)進(jìn)行基本的Git操作(例如Commit疮蹦,Pull诸迟,Push等)。
git-log: 在Atom中查看Git提交記錄愕乎。
美化
file-icons: 文件前面顯示圖標(biāo)阵苇,增加辨識(shí)度的同時(shí)使界面更好看。
atom-beautify: 一鍵代碼美化
VS Code
功能性
Auto Close Tag?- 匹配標(biāo)簽感论,關(guān)閉對(duì)應(yīng)的標(biāo)簽绅项。很實(shí)用。
Document This?- JSDOC注解調(diào)用比肄,值得易用快耿。
Auto Rename Tag?- 改變標(biāo)簽的時(shí)候自動(dòng)改變對(duì)應(yīng)的閉合標(biāo)簽囊陡。
Beautify?- 良好的拓展性,可以格式化JSON|JS|HTML|CSS|SCSS,比內(nèi)置格式化好用润努。
Code Runner?- 代碼編譯運(yùn)行看結(jié)果关斜,支持眾多語(yǔ)言。
colorize?- 會(huì)給顏色代碼增加一個(gè)當(dāng)前匹配代碼顏色的背景铺浇,非常好痢畜。
Git History (git log)?- 很棒的GIT插件,推薦鳍侣。
Path Intellisense?- 智能補(bǔ)全路徑丁稀。
語(yǔ)法校驗(yàn)
stylelint?- 用于支持 CSS/SCSS/Less 實(shí)時(shí)語(yǔ)法校驗(yàn)
ESLint?-用于支持 JavaScript 實(shí)時(shí)語(yǔ)法校驗(yàn)