sublime text3 - 打造成小程式開發神器

碼路芽子發表於2018-07-04

Sublime Text：一款具有程式碼高亮、語法提示、自動完成且反應快速的編輯器軟體，外掛在手，介面可以很華麗，程式碼可以很優雅，操作可以更簡便，如果你是個喜歡折騰(喜新厭舊)的人，它絕對值得你擁有，花式玩轉程式碼

[TOC]

最討厭廢話，直接上步驟 !!!!!!!! 伸手黨福利

1. 安裝包管理器

  1. 開啟網址 packagecontrol.io/installatio…

  2. 在其中找到 SUBLIME TEXT 3 複製下面的一段程式碼

    官網

  3. 開啟sublime 快捷鍵 使用Ctrl+`快捷鍵或者通過View->Show Console選單開啟命令列，貼上上面程式碼，執行，等待安裝完成

2. 安裝小程式外掛

  1. 首先感謝作者，希望大家使用的時候給作者點個小心心
  2. 外掛地址 github.com/springlong/…
  3. 下載外掛並且解壓到以下地址
    1. Windows的安裝目錄，可以從Sublime的選單中依次選擇：Preferences > Browse Packages 到達。
    2. Mac的安裝目錄，可以從Sublime的選單中依次選擇：Sublime Text > Preferences > Browse Packages 到達。
  4. 提高程式碼不全效率，開啟使用者配置 (Preferences > Settings)，在開啟的Preferences.sublime-settings使用者配置檔案中加入下面的程式碼：
"auto_complete_triggers":
  [
      {
          "characters": "abcdefghijklmnopqrstuvwxyz< :.",
          "selector": "text.wxml"
      }
  ]
複製程式碼
  1. 剩下的不用操心了，好好寫你的程式碼，增加你的效率，快點做出點成績給領導看，你會牛逼的相信我，雖然我還沒有牛逼，但我相信，我們是有潛力的

3. 外掛福利

利用我們安裝的包管理器，安裝一些讓我們欣喜若狂的外掛，怎麼安裝你自己去百度吧，畢竟我懶

  1. HTML/CSS/JS Prettify 一個非常漂亮的程式碼格式化外掛，寫完程式碼，點選右鍵，直接格式化好
    • 也可以自動格式化 Preference -> Package Setting -> HTML/CSS/JS Prettify -> Plugin options default 開啟找到 “format_on_save” 修改為 true 接下來你儲存一下程式碼試試，完美不
  2. Emmet（原名 Zen Coding）前端必備，我也一樣不想給你解釋，寫前端程式碼的人都知道，你不知道算了，用不上
  3. DocBlocker 外掛在自動補全註釋時輸出自定義作者和當前時間等資訊www.cnblogs.com/huangtailan…

未完待續！不過現在你已經可以很快的扔掉微信開發工具那個累贅了吧，用 sublime 享受編寫程式碼的樂趣吧！

相關文章