- Node.js全程實(shí)例
- 李柯泉編著
- 1654字
- 2020-01-20 14:59:49
1.4 Node.js開(kāi)發(fā)工具Sublime Text配置
讀者進(jìn)行Node程序設(shè)計(jì)開(kāi)發(fā)需要選擇一款代碼開(kāi)發(fā)工具,這里推薦大家使用Sublime Text編輯器。Sublime Text是一款具有代碼高亮、語(yǔ)法提示、自動(dòng)完成且反應(yīng)快速的編輯器軟件。
Sublime Text包括Sublime Text 2和Sublime Text 3兩個(gè)版本,二者的界面基本相同,不過(guò)Sublime Text 3的啟動(dòng)速度很快、支持功能更多。因此,這里以Windows 10 preview 64-bit版本操作系統(tǒng)下的Sublime Text 3為例進(jìn)行介紹。
讀者可以從Sublime Text的官方網(wǎng)址(http://www.sublimetext.com/3)下載Sublime Text 3的試用版,注意Sublime Text是付費(fèi)軟件,需要購(gòu)買正版的序列號(hào)才可以激活永久使用,具體下載頁(yè)面如圖1.13所示。

圖1.13 Sublime Text 3官方下載頁(yè)面
如圖1.13中的箭頭和標(biāo)識(shí)所示,這里選擇下載Sublime Text 3 build 3176的Windows 64-bit安裝包。軟件安裝成功后,雙擊桌面上的“Sublime Text 3”快捷圖標(biāo),就可以打開(kāi)Sublime Text 3程序,具體界面如圖1.14所示。

圖1.14 Sublime Text 3操作界面
界面中的各種操作選項(xiàng)說(shuō)明如下。
? 標(biāo)簽(Tab):分別顯示每個(gè)打開(kāi)的文件。
? 編輯區(qū)(Editing Area):主要編輯文本內(nèi)容的區(qū)域,位于界面的中心位置。
? 側(cè)欄(Side Bar):包含當(dāng)前打開(kāi)的文件以及文件夾視圖。
? 縮略圖(Minimap):當(dāng)前打開(kāi)文件的縮略圖。
? 命令板(Command Palette):Sublime Text的操作中心,使我們基本可以脫離鼠標(biāo)和菜單欄進(jìn)行操作。
? 控制臺(tái)(Console):使用Ctrl + `快捷鍵可以調(diào)出該窗口。它既是一個(gè)標(biāo)準(zhǔn)的Python REPL,也可以直接對(duì)Sublime Text進(jìn)行配置。
? 狀態(tài)欄(Status Bar):顯示當(dāng)前行號(hào)、當(dāng)前語(yǔ)言和Tab格式等信息。
Sublime Text 3最強(qiáng)大的功能就是針對(duì)各種開(kāi)發(fā)語(yǔ)言的編輯插件。為了安裝和管理這些插件,我們首先需要安裝包管理器(Package Control),官方首頁(yè)鏈接為https://packagecontrol.io。通過(guò)Ctrl+`快捷鍵或者在菜單中選擇View | Show Console來(lái)打開(kāi)控制臺(tái),然后將下面的代碼粘貼到控制臺(tái)中運(yùn)行:
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
這段代碼將創(chuàng)建一個(gè)安裝包的目錄,并將包控制器Package Control.sublime-package下載到這個(gè)目錄中。安裝完畢后,需要重新啟動(dòng)Sublime Text 3。
在Package Control首頁(yè)的搜索框輸入NODE,就可以查找到所有和Node.js相關(guān)的包,我們選擇由tanepiper創(chuàng)建的Node.js插件,如圖1.15所示。

圖1.15 Package Control包搜索和下載頁(yè)面
打開(kāi)Node.js包的鏈接可以查看到這個(gè)包的詳細(xì)介紹和使用方法,例如在Windows 10操作系統(tǒng)下的安裝命令是:
git clone https://github.com/tanepiper/SublimeText-Node.js "%APPDATA%\ Sublime Text 3\Packages\Node.js"
Sublime Text 3按照類型可以把快捷鍵分為編輯、選擇、查找&替換、跳轉(zhuǎn)、窗口、屏幕,這里分別對(duì)常用的快捷鍵做一個(gè)簡(jiǎn)單介紹。
1. 編輯
? 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)前行。
2. 選擇
? Ctrl+D:選擇當(dāng)前光標(biāo)所在的詞并高亮該詞所有出現(xiàn)的位置,再次按Ctrl+D快捷鍵選擇該詞出現(xiàn)的下一個(gè)位置。在多重選詞的過(guò)程中,使用Ctrl+K快捷鍵進(jìn)行跳過(guò),使用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)容。
3. 查找&替換
? 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:多文件搜索&替換。
4. 跳轉(zhuǎn)
? Ctrl+P:跳轉(zhuǎn)到指定文件,輸入文件名后可以再輸入以下內(nèi)容。
■ @符號(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)。
5. 窗口
? 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)沒(méi)有標(biāo)簽時(shí)會(huì)關(guān)閉該窗口。
? Ctrl+Shift+T:恢復(fù)剛剛關(guān)閉的標(biāo)簽。
6. 屏幕
? F11:切換至普通全屏。
? Shift+F11:切換至無(wú)干擾全屏。
? Alt+Shift+1Single:切換至獨(dú)屏。
? Alt+Shift+2Columns:2:切換至縱向二欄分屏。
? Alt+Shift+3Columns:3:切換至縱向三欄分屏。
? Alt+Shift+4Columns:4:切換至縱向四欄分屏。
? Alt+Shift+8Rows:2:切換至橫向二欄分屏。
? Alt+Shift+9Rows:3:切換至橫向三欄分屏。
? Alt+Shift+5Grid:切換至四格式分屏。
- C++面向?qū)ο蟪绦蛟O(shè)計(jì)(第三版)
- Go Web編程
- Python數(shù)據(jù)分析入門與實(shí)戰(zhàn)
- Python數(shù)據(jù)可視化:基于Bokeh的可視化繪圖
- Flink SQL與DataStream入門、進(jìn)階與實(shí)戰(zhàn)
- Network Automation Cookbook
- Java虛擬機(jī)字節(jié)碼:從入門到實(shí)戰(zhàn)
- TypeScript圖形渲染實(shí)戰(zhàn):基于WebGL的3D架構(gòu)與實(shí)現(xiàn)
- SEO實(shí)戰(zhàn)密碼
- INSTANT Mercurial SCM Essentials How-to
- C#程序設(shè)計(jì)
- Python編程從0到1(視頻教學(xué)版)
- Service Mesh實(shí)戰(zhàn):基于Linkerd和Kubernetes的微服務(wù)實(shí)踐
- Hands-On GUI Programming with C++ and Qt5
- Mastering jQuery Mobile