sublime的使用——前端開發入門篇
首先小編告訴大家，學習任何技術都是沒有捷徑的，大神之路必定是漫長而艱苦的。但是只要你認真並且每天堅持去學習，一定會有所收穫的。分享一句小編學習前端之路的座右銘和大家共勉：
你必須非常努力，才能看起來毫不費力。
什麼是編輯器？
編輯器其實就是編寫代碼的一個工具,簡稱--IDE。每一款編輯器用法大致相同,如果你會使用其中一個,那麼其他的你也差不多會了。在眾多的編輯器中，小編認為webStorm和Sublime還比較不錯。因為後續的教程都是用sublime編寫，所以今天給大家講一下Sublime Text 3的安裝和使用。
1.下載
http://www.sublimetext.com/3 官網下載。
Advertisements
2.Windows下的安裝
如果你的電腦是Win7/Win8 64位系統，可以下載 Windows 64 bit來安裝。安裝時，注意勾選Add to explorer context menu，這樣Sublime Text可以被添加到右鍵中，在右鍵單擊文件時，可以直接使用Sublime Text打開。
3.安裝插件
3.1 安裝 Package Control
Sublime Text可以使用Package Control，來更方便的瀏覽、安裝和卸載插件。
（1）使用 [Ctrl + `] 打開Sublime Text控制台，將下面的Python代碼粘貼到控制台里，然後點擊回車安裝:
import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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)
Advertisements
package control安裝
注意：上面的代碼會隨著版本不同而改變，所以最好到官網去複製代碼。如果不能自動安裝的話，官網也提供了手動（Manual）安裝方法。
（2）等待出現下載安裝成功的提示后， 重啟sublime Text 3。如果在Perferences->package settings中看到package control這一項，則表明安裝成功。安裝好Package Control，就可以安裝你想要的插件了。
3.2 安裝快捷鍵Emmet
（1）快捷鍵是每個編輯器必不可少的插件，可以提高你編碼的效率。按下Ctrl+Shift+P調出命令面板。
（2）輸入install 調出 Install Package 選項並回車
搜索install package
（3）搜索emmet，列表中第一個就是。選中這個或者單擊它即可安裝，在編輯器的左下角即可看到安裝的狀態。
（4）安裝成功后，在菜單->preferences->Package Settings選項里即可看到Emmet:
查看安裝的插件
4.Sublime的使用
安裝好Eemmet，我們就可以在編寫代碼時使用Tab鍵提高我們的編碼的效率。如果你無法使用Tab，可能是默認填充的快捷鍵是Ctrl+E。
在設置菜單欄里找到如下路徑，路徑如下：Preferences>PackageSettings>Emmet>KeyBindings-User:
在出現的界面中粘貼如下配置信息，保存。
[
{
"keys": [
"tab"
],
"args": {
"action": "expand_abbreviation"
},
"command": "run_emmet_action",
"context": [
{
"key": "emmet_action_enabled.expand_abbreviation"
}
]
}
]
檢查快捷鍵Tab是不是可以使用了，如果不可以重啟一下sublime試試。
快捷鍵創建文件：
點擊file>New File 創建一個新文件，點擊右下角可以選擇文件類型：
選擇文件類型
以創建一個html為例：
選擇html類型
在頁面中輸入!,按Tab鍵生成文本：
輸入英文的！
按Tab鍵生成html
Ctr+S保存，一個html文件創建成功了。
以上便是小編總結的sublime的安裝和使用，後續我們會進入前端體系的學習，從html,css,javscript一點點入門到進階。
想學習前端或者進階的童靴們都可以關注小白前端~~