Sublime插件


  自用笔记:本文属于自用笔记,不做详解,仅供参考。在此记录自己已理解并开始遵循的前端代码规范。What How Why

安装有两个办法:

1、直接把插件放到它的安装路径对应文件包packages里面去,不知道在哪的可以直接打开 preferences->Browse packages,放进去之后软件会自动检测。

2、使用命令方式直接让软件自己下载安装。(使用package control组件)(前提:先安装下面那个package control插件)

按下Ctrl+Shift+P调出命令面板,输入install, 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

下载拷贝:然后把它放到package文件包中。没用过Github的朋友不知道在哪里下载。Download ZIP。然后把它解压,把文件夹放进package文件包,然后它就能检测到包啦!

代码安装:Ctrl+shift+p、输入install、选择package install 过几秒会弹出另一个框。然后在输入框中输入你想要的插件关键字安装吧!大致就是这样,简单明了。下面介绍其他常用插件,安装方式同理!

常用插件:

  • package control(包裹组件)
    • 通过快捷键 ctrl+` 或者 View > Show Console 菜单打开控制台,然后粘贴对应的版本代码进去,然后回车让它安装。

适用于 Sublime Text 3:

1
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 Text 2:

1
import  urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();  * os.makedirs(ipp)ifnotos.path.exists(ipp)elseNone;urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())  * );open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())  * ;print('Please restart Sublime Text to finish installation')

当然了,有些时候这样你安装不进去的,就只能自个去下载安装包放到package文件里边去了(就是上边我说的那个文件夹)如果在Preferences → Package Settings 中看到 Package Control 这一项,说明安装成功。

插件整理

代码整理:

注释:

代码简写:

输入 div.wrapper>div.header+div.main+div.footer 按下Tab,立刻变成

或者按下ctrl+alt+enter,激发zencoding控制台,可看到整个动态的过程。

高亮显示:

  • BracketHighlighter
    • BracketHighlighter高亮显示匹配的括号、引号和标签,BracketHighlighter这个插件能在左侧高亮显示匹配的括号、引号和标签,能匹配的 [] , () , {} , “” , ‘’ , 等甚至是自定义的标签,当看到密密麻麻的代码分不清标签之间包容嵌套的关系时,这款插件就能很好地帮你理清楚代码结构,快速定位括号,引号和标签内的范围。
  • TrailingSpacer(高亮显示多余的空格和Tab)

颜色:

  • ColorPicker (调色盘)
    • 在编辑CSS样式的时候,ColorPicker可以让sublime text 内置一个调色盘,调好颜色,点击OK就会在光标处生成十六进制颜色代码。

CSS:

编码:

文档管理:

语法识别:

文件传输:

其他:

主题(Themes)

Sublime Text有大量第三方主题:

1、Facebook Material Theme

2、Soda

文章目录
  1. 1. 安装有两个办法:
    1. 1.1. 常用插件:
  2. 2. 插件整理
    1. 2.1. 代码整理:
    2. 2.2. 注释:
    3. 2.3. 代码简写:
    4. 2.4. 高亮显示:
    5. 2.5. 颜色:
    6. 2.6. CSS:
    7. 2.7. 编码:
    8. 2.8. 文档管理:
    9. 2.9. 语法识别:
    10. 2.10. 文件传输:
    11. 2.11. 其他:
  3. 3. 主题(Themes)
,