代碼編輯器 Sublime Text 3 使用教程及簡(jiǎn)體中文漢化包-nicetheme_奈思主題

Sublime Text這款代碼編輯器一直以來(lái)我都認(rèn)為比Notepad++好用的一個(gè)編輯器。搭配emmet插件使用,寫代碼特別得心應(yīng)手。 ??

今天和大家分享下這個(gè)英文代碼編輯器的一些個(gè)人使用心得。

第一:Sublime Text 3的下載

官方下載地址:http://www.sublimetext.com/3

Sublime Text 3 是一個(gè)跨平臺(tái)(Windows、Linux、OS X 都有)的代碼編輯器,這點(diǎn)比notepad++強(qiáng)。而且目前貌似還是免費(fèi)的。

第二:漢化文件替換

安裝好后,打開(kāi)Sublime Text 3,你會(huì)發(fā)現(xiàn)是英文版,不用慌。把漢化包里面文件名為Default.sublime-package的文件放在Sublime Text 3所在目錄中的Packages文件夾里面,替換原來(lái)的即可。

重新打開(kāi)Sublime Text 3,你會(huì)發(fā)現(xiàn)菜單已經(jīng)變成了中文了。部分可能還存在漢化不完整,不過(guò)都基本夠用了啦。

[download-button ]漢化文件[/download-button]

第三:安裝Package Control組件

1、使用 ctrl+~快捷鍵 或者 菜單項(xiàng) [查看] > 顯示控制面板 來(lái)調(diào)出命令界面

代碼編輯器 Sublime Text 3 使用教程及簡(jiǎn)體中文漢化包-nicetheme_奈思主題

2、粘貼以下代碼到底部命令行并回車:

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()) 

 

代碼編輯器 Sublime Text 3 使用教程及簡(jiǎn)體中文漢化包-nicetheme_奈思主題

3、重啟Sublime Text 3。

4、如果在Perferences->package settings中看到package control這一項(xiàng),則安裝成功。

第四:用Package Control安裝emmet插件

1、按下Ctrl+Shift+P調(diào)出命令面板

2、輸入install 調(diào)出 Install Package 選項(xiàng)并回車,等待加載插件列表。

代碼編輯器 Sublime Text 3 使用教程及簡(jiǎn)體中文漢化包-nicetheme_奈思主題

3、在插件列表中,輸入emmet 進(jìn)行搜索,點(diǎn)擊安裝。

代碼編輯器 Sublime Text 3 使用教程及簡(jiǎn)體中文漢化包-nicetheme_奈思主題

4、安裝完畢后,在菜單->preferences->Package Settings選項(xiàng)里即可看到Emmet,即安裝成功。

代碼編輯器 Sublime Text 3 使用教程及簡(jiǎn)體中文漢化包-nicetheme_奈思主題

第五:emmet插件的用法:快速編寫HTML代碼

例如:輕松添加類、id、文本和屬性

連續(xù)輸入元素名稱和ID,Emmet會(huì)自動(dòng)為你補(bǔ)全,比如輸入p#foo 然后按快捷鍵:ctrl+e

代碼編輯器 Sublime Text 3 使用教程及簡(jiǎn)體中文漢化包-nicetheme_奈思主題