Sublime Text前端開發環境配置

Sublime Text是前端開發不可不說的編輯器，本文以Sublime Text 3爲例講解一下如何搭建前端的開發環境。

---

下載Sublime Text 3

下載地址 #==> Sublime Text 3

下載本身電腦對應的版本，而後雙擊執行安裝就行了。

---

安裝Package Control

使用Ctrl+`快捷鍵或者經過View->Show Console菜單打開命令行，而後粘貼下面的代碼而後回車執行：

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

執行完畢以後查看Preferences菜單下若是出現了Package Setting 和 Package Control兩個菜單則安裝成功。

---

插件安裝

1. 打開Sublime Text
2. 按下Ctrl + Shift + P調出命令面板
3. 輸入install 選擇 Package Control：Install Package 選項而後回車
4. 在新出現的命令面板中輸入想要安裝的插件，選擇想要安裝的插件，回車安裝

---

經常使用插件

• JSFormat：javascript代碼格式化插件
• AutoFileName：快速輸入文件名
• MarkdownPreview：Markdown瀏覽器預覽以及保持爲網頁
• Markdown Editing：良好的展示Markdown文本
• SideBarEnhancement：讓側欄可以新建、刪除文件和文件夾

---

經常使用快捷鍵

• 註釋當前行：Ctrl + /
• 註釋多行：Ctrl + Shift + /
• 撤銷：Ctrl + Z
• 保存：Ctrl + S
• 刪除當前行：Ctrl + X
• 查找內容：Ctrl + F

---

總結

Sublime是一款優秀的編輯器，更多的功能須要咱們不斷取發掘，但願你們不要太依賴於IDE，不過我仍是要安利幾款前端常見的強大IDE/編輯器:

• WebStrom：號稱JS神器，體驗很好。
• HBuilder：國內團隊開發，目前應該是測試版，貌似有點不是很穩定，不過確實很好用，若是可以穩定點應該至關不錯。（PS:他們官網還有其它的一些項目）
• DreamWeaver：當年網頁三劍客之一，Adobe出品，比較穩定。
• Atom：Github出品，話用它寫Markdown感受66噠。