sublime text3 - 打形成小程序開發神器

Sublime Text:一款具備代碼高亮、語法提示、自動完成且反應快速的編輯器軟件,插件在手,界面能夠很華麗,代碼能夠很優雅,操做能夠更簡便,若是你是個喜歡折騰(喜新厭舊)的人,它絕對值得你擁有,花式玩轉代碼html

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

1. 安裝包管理器

  1. 打開網址 https://packagecontrol.io/installation
  2. 在其中找到 SUBLIME TEXT 3 複製下面的一段代碼

官網

  1. 打開sublime 快捷鍵 使用Ctrl+`快捷鍵或者經過View->Show Console菜單打開命令行,粘貼上面代碼,運行,等待安裝完成

2. 安裝小程序插件

  1. 首先感謝做者,但願你們使用的時候給做者點個當心心
  2. 插件地址 https://github.com/springlong/Sublime-wxapp
  3. 下載插件而且解壓到如下地址git

    1. Windows的安裝目錄,能夠從Sublime的菜單中依次選擇:Preferences > Browse Packages 到達。
    2. Mac的安裝目錄,能夠從Sublime的菜單中依次選擇:Sublime Text > Preferences > Browse Packages 到達。
  4. 提升代碼不全效率,打開用戶配置
    (Preferences > Settings),在打開的Preferences.sublime-settings用戶配置文件中加入下面的代碼:github

    "auto_complete_triggers":
      [
          {
              "characters": "abcdefghijklmnopqrstuvwxyz< :.",
              "selector": "text.wxml"
          }
      ]
  5. 剩下的不用操心了,好好寫你的代碼,增長你的效率,快點作出點成績給領導看,你會牛逼的相信我,雖然我尚未牛逼,但我相信,咱們是有潛力的

3. 插件福利

利用咱們安裝的包管理器,安裝一些讓咱們欣喜若狂的插件,怎麼安裝你本身去百度吧,畢竟我懶spring

  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 插件在自動補全註釋時輸出自定義做者和當前時間等信息http://www.cnblogs.com/huangtailang/p/4499988.html

未完待續!不過如今你已經能夠很快的扔掉微信開發工具那個累贅了吧,用 sublime 享受編寫代碼的樂趣吧!微信

相關文章
相關標籤/搜索