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噠。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM