很多人覺得sublime不好用是因?yàn)闆]有快捷鍵,但沒有快捷方式的原因其實(shí)是沒有安裝插件。下面介紹一下怎么安裝插件及一些好用的插件。
Package contro是sublime軟件的插件包管理器,通過該組件,我們可以很方便的管理我們插件(瀏覽,安裝,卸載)
1.1、檢查sublime是否安裝了該組件 ctrl+shift+p 在命令板中輸入PC,如下圖表示沒安裝
1.2、使用ctrl + ~調(diào)出sublime的命令行窗口(按esc關(guān)閉命令行窗口/控制面板)
或者點(diǎn)View--Hide Control也可以調(diào)出
1.3、復(fù)制代碼
將對(duì)應(yīng)的命令代碼粘貼到控制臺(tái)中,回車
?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.4、安裝結(jié)束
使用Ctrl + Shift + P打開命令板,輸入PC會(huì)出現(xiàn)Package Control
點(diǎn)擊第一個(gè)install package ,就是安裝package的意思
按下Ctrl+Shift+P調(diào)出命令面板,輸入install 調(diào)出 Install Package 選項(xiàng)并回車,然后在列表中選中要安裝的插件。
注意:安裝插件時(shí)保持網(wǎng)絡(luò)暢通,避免插件由于網(wǎng)絡(luò)原因奔潰
2.1、Emmet(原名 Zen Coding)
一種快速編寫html/css的方法
注意:安裝Emmet的同時(shí),也會(huì)自動(dòng)安裝其依賴PyV8 binary庫(kù),安裝PyV8庫(kù)會(huì)用較長(zhǎng)時(shí)間,可以在Sublime左下角看到安裝進(jìn)程狀態(tài)
2.2、 html5
支持hmtl5規(guī)范的插件包
注意:與Emmet插件配合使用,效果更好
使用方法:新建html文檔>輸入html5>敲擊Tab鍵>自動(dòng)補(bǔ)全html5規(guī)范文檔
2.3、 jQuery
支持JQuery規(guī)范的插件包
2.4、JSFormat
JS代碼格式化插件。
使用方法:使用快捷鍵ctrl+alt+f
2.5、SublimeLinter
一個(gè)支持lint語(yǔ)法的插件,可以高亮linter認(rèn)為有錯(cuò)誤的代碼行,也支持高亮一些特別的注釋,比如“TODO”,這樣就可以被快速定位。(IntelliJ IDEA的TODO功能很贊,這個(gè)插件雖然比不上,但是也夠用了吧)
2.6、BracketHighlighter
類似于代碼匹配,可以匹配括號(hào),引號(hào)等符號(hào)內(nèi)的范圍。
使用方法:系統(tǒng)默認(rèn)為白色高亮,可以使用鏈接所述方法進(jìn)行自定義配置
2.7、 Alignment
代碼對(duì)齊,如寫幾個(gè)變量,選中代碼幾行,Ctrl+Alt+A,就可以發(fā)現(xiàn)對(duì)齊了。
2.8、Ctags
函數(shù)跳轉(zhuǎn),我的電腦上是Alt+點(diǎn)擊 函數(shù)名稱,會(huì)跳轉(zhuǎn)到相應(yīng)的函數(shù)
2.9、 DocBlockr
注釋插件,生成幽美的注釋。標(biāo)準(zhǔn)的注釋,包括函數(shù)名、參數(shù)、返回值等,并以多行顯示,省去手動(dòng)編寫。
2.10、 SideBarEnhancements
側(cè)欄右鍵功能增強(qiáng),非常實(shí)用
2.11、jedi
python 代碼自動(dòng)補(bǔ)全插件
1)通用:
↑↓←→:上下左右移動(dòng)光標(biāo),注意不是不是KJHL!
Alt:調(diào)出菜單
Ctrl + Shift + P:調(diào)出命令板(Command Palette)
Ctrl + `:調(diào)出控制臺(tái)
2)編輯:
Ctrl + Enter:在當(dāng)前行下面新增一行然后跳至該行
Ctrl + Shift + Enter:在當(dāng)前行上面增加一行并跳至該行
Ctrl + ←/→:進(jìn)行逐詞移動(dòng)
Ctrl + Shift + ←/→進(jìn)行逐詞選擇
Ctrl + ↑/↓移動(dòng)當(dāng)前顯示區(qū)域
Ctrl + Shift + ↑/↓移動(dòng)當(dāng)前行
3)選擇:
Ctrl + D:選擇當(dāng)前光標(biāo)所在的詞并高亮該詞所有出現(xiàn)的位置,再次Ctrl + D選擇該詞出現(xiàn)的下一個(gè)位置,在多重選詞的過程中,使用Ctrl + K進(jìn)行跳過,使用Ctrl + U進(jìn)行回退,使用Esc退出多重編輯
Ctrl + Shift + L:將當(dāng)前選中區(qū)域打散
Ctrl + J:把當(dāng)前選中區(qū)域合并為一行
Ctrl + M:在起始括號(hào)和結(jié)尾括號(hào)間切換
Ctrl + Shift + M:快速選擇括號(hào)間的內(nèi)容
Ctrl + Shift + J:快速選擇同縮進(jìn)的內(nèi)容
Ctrl + Shift + Space:快速選擇當(dāng)前作用域(Scope)的內(nèi)容
4)查找替換:
F3:跳至當(dāng)前關(guān)鍵字下一個(gè)位置
Shift + F3:跳到當(dāng)前關(guān)鍵字上一個(gè)位置
Alt + F3:選中當(dāng)前關(guān)鍵字出現(xiàn)的所有位置
Ctrl + F/H:進(jìn)行標(biāo)準(zhǔn)查找/替換,之后:
Alt + C:切換大小寫敏感(Case-sensitive)模式
Alt + W:切換整字匹配(Whole matching)模式
Alt + R:切換正則匹配(Regex matching)模式
Ctrl + Shift + H:替換當(dāng)前關(guān)鍵字
Ctrl + Alt + Enter:替換所有關(guān)鍵字匹配
Ctrl + Shift + F:多文件搜索&替換
5)跳轉(zhuǎn):
Ctrl + P:跳轉(zhuǎn)到指定文件,輸入文件名后可以:
@ 符號(hào)跳轉(zhuǎn):輸入@symbol跳轉(zhuǎn)到symbol符號(hào)所在的位置
# 關(guān)鍵字跳轉(zhuǎn):輸入#keyword跳轉(zhuǎn)到keyword所在的位置
: 行號(hào)跳轉(zhuǎn):輸入:12跳轉(zhuǎn)到文件的第12行。
Ctrl + R:跳轉(zhuǎn)到指定符號(hào)
Ctrl + G:跳轉(zhuǎn)到指定行號(hào)
6)窗口:
Ctrl + Shift + N:創(chuàng)建一個(gè)新窗口
Ctrl + N:在當(dāng)前窗口創(chuàng)建一個(gè)新標(biāo)簽
Ctrl + W:關(guān)閉當(dāng)前標(biāo)簽,當(dāng)窗口內(nèi)沒有標(biāo)簽時(shí)會(huì)關(guān)閉該窗口
Ctrl + Shift + T:恢復(fù)剛剛關(guān)閉的標(biāo)簽
7)屏幕:
F11:切換普通全屏
Shift + F11:切換無干擾全屏
Alt + Shift + 2:進(jìn)行左右分屏
Alt + Shift + 8:進(jìn)行上下分屏
Alt + Shift + 5:進(jìn)行上下左右分屏
分屏之后,使用Ctrl + 數(shù)字鍵跳轉(zhuǎn)到指定屏,使用Ctrl + Shift + 數(shù)字鍵將當(dāng)前屏移動(dòng)到指定屏
覺得有用的朋友多幫忙轉(zhuǎn)發(fā)哦!后面會(huì)分享更多devops和DBA方面的內(nèi)容,感興趣的朋友可以關(guān)注下~
者:lzg9527
轉(zhuǎn)發(fā)鏈接:https://segmentfault.com/a/1190000022956602
HTML 編輯器推薦
可以使用專業(yè)的 HTML 編輯器來編輯 HTML,菜鳥教程為大家推薦幾款常用的編輯器:
Notepad++:https://notepad-plus-plus.org/
Sublime Text:http://www.sublimetext.com/
HBuilder:http://www.dcloud.io/
你可以從以上軟件的官網(wǎng)中下載對(duì)應(yīng)的軟件,按步驟安裝即可。
接下來我們將為大家演示如何使用Notepad++工具來創(chuàng)建 HTML 文件,其他兩個(gè)工具操作步驟類似。
Notepad++
Notepad++是 Windows操作系統(tǒng)下的一套文本編輯器(軟件版權(quán)許可證: GPL),有完整的中文化接口及支持多國(guó)語(yǔ)言編寫的功能(UTF8技術(shù))。
步驟 1: 新建 HTML 文件
在 Notepad++ 安裝完成后,選擇" 文件(F)->新建(N) ",在新建的文件中輸入以下代碼:
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>
步驟 2: 另存為 HTML 文件
然后選擇" 文件(F)->另存為(A) ",文件名為 runoob.html:
當(dāng)您保存 HTML 文件時(shí),既可以使用 .htm 也可以使用 .html 擴(kuò)展名。兩者沒有區(qū)別,完全根據(jù)您的喜好。
在一個(gè)容易記憶的文件夾中保存這個(gè)文件,比如 runoob
步驟 3: 在瀏覽器中運(yùn)行這個(gè) HTML 文件
啟動(dòng)您的瀏覽器,然后選擇"文件"菜單的"打開文件"命令,或者直接在文件夾中雙擊您的 HTML 文件,
運(yùn)行顯示結(jié)果類似如下:
Notepad++ 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。
Emmet 官網(wǎng):http://emmet.io/
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。