前言
其實(shí)早在一年前我就準(zhǔn)備系統(tǒng)的去學(xué)習(xí)前端開(kāi)發(fā)的相關(guān)技術(shù)，最開(kāi)始我也是從H5開(kāi)始學(xué)習(xí)，學(xué)了幾個(gè)星期，能夠?qū)懸恍┖?jiǎn)單的網(wǎng)頁(yè)，準(zhǔn)備深入學(xué)習(xí)的時(shí)候，手上又有任務(wù)了，結(jié)果忙忘了，也沒(méi)有做筆記，時(shí)隔一年多已經(jīng)忘的差不多了，那就重頭再來(lái)吧??。做前端必須要學(xué)會(huì)HTML5，CSS，JavaScript，它們分別扮演內(nèi)容載體，表現(xiàn)樣式，交互動(dòng)效的角色。一般先從內(nèi)容入手，所以先學(xué)HTML5，我習(xí)慣上用Sublime Text，那么工欲善其事，必先利其器！
安裝Sublime Text3及插件管理
-
先下載安裝Sublime Text3
推薦一個(gè)Mac破解版下載地址Sublime Text3，順便mark一下史蒂芬周的博客，里面有非常多Mac破解版的軟件工具，我只能說(shuō)，大神請(qǐng)收下我的膝蓋~ 好了，安裝的步驟就不提了。
-
安裝Package Control插件管理器
Package Control是一個(gè)管理插件的插件，有了它我們安裝插件，刪除插件就很方便。而Package Control安裝也很方便，control+~進(jìn)入控制臺(tái)，復(fù)制下面的代碼再回車就會(huì)自動(dòng)安裝
import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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)
安裝成功則進(jìn)入Preferences可以看到如下選項(xiàng):
Package Control
-
Package Control使用
-
安裝插件
快捷鍵command+Shift+P（Tools – Command Paletter），輸入install，選擇install Package，再輸入插件名，回車安裝即可，比如安裝View in Browser插件，只要輸入插件名，就會(huì)匹配相應(yīng)插件，點(diǎn)擊安裝即可。
安裝完成，直接右鍵選擇View in Browser就可以從瀏覽器打開(kāi)html文件。
順便再M(fèi)ark一些常用的插件：-
Beautify HTML：HTML格式化。 -
CSS Format：CSS代碼格式化。 -
HTML-CSS-JS Prettify：HTML CSS JS 格式化。 -
Emmet：設(shè)置CSS形式的能夠動(dòng)態(tài)被解析的表達(dá)式，然后根據(jù)你所輸入的縮寫(xiě)來(lái)得到相應(yīng)的內(nèi)容 ，使用方法參考。 -
ColorPicker：顏色選擇器。 -
AllAutoComplete：自動(dòng)提示。 -
Sublime?Code?Intel：代碼自動(dòng)提示補(bǔ)全。 -
DocBlockr：代碼快速注釋。
-
-
刪除插件
快捷鍵Ctrl+Shift+P，輸入remove，選擇remove Package，再輸入插件名，回車即可刪除安裝的插件
快捷鍵
- command+shift+P ：打開(kāi)命令面板，比如輸入sshtml進(jìn)行模糊查詢，選中切換到html模式
- control+~：打開(kāi)控制臺(tái)
- ** command +,**：打開(kāi)設(shè)置文件
- command+P：查找文件
- command+F：調(diào)出搜索框進(jìn)行搜索
- Tab ：自動(dòng)補(bǔ)全
- ! + Tab ：快速生成html頭部信息
- 標(biāo)簽名 + Tab ：快速生成標(biāo)簽格式
- command+Z：撤銷
- command+Y：前進(jìn)
- command+shift+L：同時(shí)編輯選中的區(qū)域
- command+J：將選中的區(qū)域合并成一行
- command+/：注釋
- command+N：新建文件
- command+shift+N：新建窗口
- command+option+F：自動(dòng)縮進(jìn)對(duì)齊（Beautify HTML）
- command+K+O：打開(kāi)本地文件夾
- command+K+T：折疊所有標(biāo)簽屬性
- command+K+1：折疊所有標(biāo)簽代碼
- command+K+0：展開(kāi)所有代碼
