Sublime Text

Sublime Text 3 的一些配置

如何安装插件

在刚刚下载完成后是不能直接安装插件的，推荐使用package control的组件安装方法

按 Ctrl + · 调出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选项说明安装成功

在安装成功后，可以通过ctrl + shift +p 调出明林面板 输入install，回车后输入想要安装的插件，进行插件的下载

插件下载.gif

插件

• Material Theme

Screenshot-1-1024x576.png

一款主题插件，也是我目前在用的，Material Theme

如果想要其它的主题插件，可以去官方地址下载

在插件下载成功后，需要进行配置，配置目录Preferences/Setting/Settings-User，输入

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

安装主题.gif

• Emmet

  标签的快速写法，例如 div>li，回车后生成

  该插件目前也是其他一些编译器的标配了，官方语法速查表

• AdvancedNewFile

  快速新建文件，sublime新建文件需要ctrl+n，ctrl+s，很繁琐，有该插件后直接ctrl+shift+n就可以新建文件

• less

  首先确保你的电脑上下载了node.js，并且有less

  在cmd执行该命令

  npm install less-plugin-clean-css -g
  

  之后再安装less、less2css插件，新建的less文件在ctrl+s后就可以直接转化为css文件了

• html-css-js Prettify

  该插件用来格式化css、js、html文件，同样依赖于node.js，下载完成后使用ctrl+shift+h就可以进行美化，需要注意的是该插件默认查找的node路径是node的默认下载路径，如果查找不到的话执行ctrl+shift+h会报错，此时只需要点击确定，将文件路径更改为当前node的实际下载路径就可以正常使用了

• 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
    }
  

  接下来在你的函数输入/**按下tab或回车，就会生成你个人定制的注释，注意要贴着你函数上一行，否则就是普通的注释

Docblock .gif

当然内容都是根据自己需要定制的，详细参考Docblock

​

大概就这么多插件吧，由于我用sublime主要是用来开发微信小程序的，需要的插件也不是很多，有兴趣的可以去搜索sublime插件，有非常多，甚至可以说你想要一个什么样的功能就去找吧，基本都是有的

一些基本操作

• 设置字体、行高

  在目录 preferences / setting / setting-user，下设置， 其实sublime很贴心的在左侧为我们提供了默认设置，可以进行产考的对比设置

  //行高
  "line_padding_bottom": 2,
  "line_padding_top": 2,
  //字体大小
  "font_size": 14,
  //当前行高亮
  "highlight_line": true,
  //折叠代码
  "fold_buttons": true,
  "fade_fold_buttons": false,
  

  Setting-Default 详解

• 浏览器打开

  这个还是需要安装一个插件的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": ".*"
    }
  },
  

  注意两个点，key是指键名，application是指启动路径，例如这里就是表示我将f2键设置为了chrome的启动快捷键，如果还想要设置其他的，复制这段代码，改写key和application的值就可以了

• sublime的彻底卸载

  emmm，有时候乱七八糟的插件装的太多了可能想要重新安装，正常卸载是会保留之前的下载记录的，如果想要彻底卸载之前的所有插件，preferences / browse packages，在打开的目录下返回sublime，删除sublime目录

• 导入导出配置

  同样在目录preferences / browse packages，在打开的目录下返回sublime，拷贝整个Installed Packages和

  Packages，在需要迁移的电脑中打开sublime文件夹相同的目录处粘贴，重启sublime即可，如果有用到的环境位置（例如node等）发生了改变，修改一下路径即可

• 关于缩放

  有同学在使用的时候使用滚轮 + ctrl 结果发现sublime进行了缩放，而且之后一直保持了这个字体的大小，其实这个操作并不是像我们在chrome中的缩放比例，而是确实的调整了字体的大小，对字体重新设置大小即可