Sublime Text 3 的一些配置

如何安裝插件

在剛剛下載完成后是不能直接安裝插件的纵顾，推薦使用package control的組件安裝方法

按 Ctrl + · 調(diào)出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())

重啟Sublime剪芍，如果存在perferences/package setting/package control選項(xiàng)說明安裝成功

在安裝成功后姜贡，可以通過ctrl + shift +p 調(diào)出明林面板 輸入install错忱，回車后輸入想要安裝的插件倘待，進(jìn)行插件的下載

插件下載.gif

插件

• Material Theme

Screenshot-1-1024x576.png

一款主題插件令漂，也是我目前在用的膝昆，Material Theme

如果想要其它的主題插件丸边，可以去官方地址下載

在插件下載成功后，需要進(jìn)行配置荚孵，配置目錄Preferences/Setting/Settings-User原环，輸入

"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
"theme": "Material-Theme.sublime-theme",

安裝主題.gif

• Emmet

  標(biāo)簽的快速寫法，例如 div>li处窥，回車后生成

  <div>
    <li></li>
  </div>
  

  該插件目前也是其他一些編譯器的標(biāo)配了，官方語法速查表

• AdvancedNewFile

  快速新建文件玄组，sublime新建文件需要ctrl+n滔驾，ctrl+s，很繁瑣俄讹，有該插件后直接ctrl+shift+n就可以新建文件

• less

  首先確保你的電腦上下載了node.js哆致，并且有l(wèi)ess

  在cmd執(zhí)行該命令

  npm install less-plugin-clean-css -g
  

  之后再安裝less、less2css插件患膛，新建的less文件在ctrl+s后就可以直接轉(zhuǎn)化為css文件了

• html-css-js Prettify

  該插件用來格式化css摊阀、js、html文件踪蹬，同樣依賴于node.js胞此，下載完成后使用ctrl+shift+h就可以進(jìn)行美化，需要注意的是該插件默認(rèn)查找的node路徑是node的默認(rèn)下載路徑跃捣，如果查找不到的話執(zhí)行ctrl+shift+h會(huì)報(bào)錯(cuò)漱牵，此時(shí)只需要點(diǎn)擊確定，將文件路徑更改為當(dāng)前node的實(shí)際下載路徑就可以正常使用了

• docblockr

  快速注釋的插件疚漆，首先還是下載插件酣胀，下載完成后在目錄 preference / package Settings / DocBlockr / Settings - User

  例如寫入如下代碼

   {
      "jsdocs_extra_tags":[
          "@Author Hybrid",
          "@DateTime {{date}}",
          "@copyright ${1:[copyright]}",
          "@license ${1:[license]}",
          "@version ${1:[version]}"
      ],
      "jsdocs_function_description": false
    }
  

  接下來在你的函數(shù)輸入/**按下tab或回車，就會(huì)生成你個(gè)人定制的注釋娶聘，注意要貼著你函數(shù)上一行闻镶，否則就是普通的注釋

Docblock .gif

當(dāng)然內(nèi)容都是根據(jù)自己需要定制的，詳細(xì)參考Docblock

?

大概就這么多插件吧丸升，由于我用sublime主要是用來開發(fā)微信小程序的铆农，需要的插件也不是很多，有興趣的可以去搜索sublime插件发钝，有非常多顿涣，甚至可以說你想要一個(gè)什么樣的功能就去找吧，基本都是有的

一些基本操作

• 設(shè)置字體酝豪、行高

  在目錄 preferences / setting / setting-user涛碑，下設(shè)置， 其實(shí)sublime很貼心的在左側(cè)為我們提供了默認(rèn)設(shè)置孵淘，可以進(jìn)行產(chǎn)考的對(duì)比設(shè)置

  //行高
  "line_padding_bottom": 2,
  "line_padding_top": 2,
  //字體大小
  "font_size": 14,
  //當(dāng)前行高亮
  "highlight_line": true,
  //折疊代碼
  "fold_buttons": true,
  "fade_fold_buttons": false,
  

  Setting-Default 詳解

• 瀏覽器打開

  這個(gè)還是需要安裝一個(gè)插件的SideBarEnhancements蒲障，安裝完成后在目錄preferences/key bindings下user欄輸入如下代碼

  {
    "keys": ["f2"],
    "command": "side_bar_files_open_with",
    "args":
    {
        "paths": [],
        "application": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe",
        "extensions": ".*"
    }
  },
  

  注意兩個(gè)點(diǎn)，key是指鍵名，application是指啟動(dòng)路徑揉阎，例如這里就是表示我將f2鍵設(shè)置為了chrome的啟動(dòng)快捷鍵庄撮，如果還想要設(shè)置其他的，復(fù)制這段代碼毙籽，改寫key和application的值就可以了

• sublime的徹底卸載

  emmm洞斯，有時(shí)候亂七八糟的插件裝的太多了可能想要重新安裝，正常卸載是會(huì)保留之前的下載記錄的坑赡，如果想要徹底卸載之前的所有插件烙如，preferences / browse packages，在打開的目錄下返回sublime毅否，刪除sublime目錄

• 導(dǎo)入導(dǎo)出配置

  同樣在目錄preferences / browse packages亚铁，在打開的目錄下返回sublime，拷貝整個(gè)Installed Packages和

  Packages螟加，在需要遷移的電腦中打開sublime文件夾相同的目錄處粘貼徘溢，重啟sublime即可，如果有用到的環(huán)境位置（例如node等）發(fā)生了改變捆探，修改一下路徑即可

• 關(guān)于縮放

  有同學(xué)在使用的時(shí)候使用滾輪 + ctrl 結(jié)果發(fā)現(xiàn)sublime進(jìn)行了縮放然爆，而且之后一直保持了這個(gè)字體的大小，其實(shí)這個(gè)操作并不是像我們?cè)赾hrome中的縮放比例徐许，而是確實(shí)的調(diào)整了字體的大小施蜜，對(duì)字體重新設(shè)置大小即可