zoukankan      html  css  js  c++  java
  • Sublime Text 3安装插件

     

    先从官网下载 Sublime Text 3

      http://www.sublimetext.com/3

    然后选择自己的操作系统进行下载。(如果看不到,用谷歌游览器翻译就好)

    下载解压安装后,由于是纯净版,所以还需按插件,否则只是单纯的文本编辑器.

    插件配置

    由于是纯净版,所以一开始没有安装插件的菜单栏。

    所以!总之先按   Ctrl+ ` (此符号为tab按键上面的按键,Esc下面,数字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())

    总之,就是这样

    当安装成功后,你在Perferences->中看到package control,否则就在Font直接断档了

    安装插件

    先点击package control或按快捷键 Ctrl+Shift+P 调出控制列表

    在上面打Package Control: Install Package+回车

    然后就开始按插架了。

    1.Emmet

    首先是这个,最重要的作用是,建完html文件后,按!+Tab 会直接自动生成html页面。

    2.autoprefixer

    这是css3前缀自动补全

    3.html beautiful

    这是自动排版 快捷键ctrl+shift+alt+f  

    4.AutoFileName

    这是快速显示你要引用的文件夹里的所以文件的名字。

    5.BracketHighlighter

     这是能让你马上看清  <div></div>(各类块标签) 的前后尾。

    6.ColorPicker

    这是调色板插件,一开始我也不会使,也不知怎么使,但试了之后,就是在调色板上取个颜色点确定后,就在编辑器里显示颜色的编码。如:#A96A6A

    快捷键   ctrl+shift+c   ,由于无法拾取颜色,所以在不知具体颜色时,这个就没有ps的拾取好用了。

    (如果打不开?可能是该快捷键被占用了,最直接的解决办法是直接在Preferences→Key Bindings-User中配置:“{ "keys": ["ctrl+shift+c"], "command": "color_pick"},”)

    7.JsFormat

    这个好像是将js重新排版,就是把压缩成一行的重新格式化排版

    快捷键   Ctrl+Alt+F   

    (如果该热键被占用了,可以在Preferences→Key Bindings-User中配置: { "keys": ["ctrl+shift+alt+j"], "command": "js_format","context": [{"key": "selector", "operator": "equal", "operand": "source.js,source.json"}]},)

    8.DocBlockr

    这个是生成注释的,像多行注释,输入前半部分再按回车后,就会自动补全后半部分。

    9.Sidebar Enhancements

    这是为侧边栏菜单里多添加些功能的插件。(谁让有人觉得原先的那点太少了呢?)

      安装该插件前,文件右键选项很少:

      安装插件后,文件右键选项大大增强:

      我常用的两个功能是设置文件使用浏览器打开的快捷键F12和重命名F2,需要自己往Key-Bindings-User里面添加
      { "keys": ["f12"], "command": "side_bar_open_in_browser","args":{"paths":[], "type":"testing", "browser":""}},
      { "keys": ["f2"], "command": "side_bar_rename"},

    10.Alignment

     这是自动对齐

      默认的快捷键是Ctrl+Alt+A,但这个热键和QQ截屏的热键冲突不能使用,需要自己重新设置,我通常设置成Ctr+Alt+Shift+A,以下粘贴到Key-Bindings-User里面:{ "keys": ["ctrl+alt+shift+a"], "command": "alignment" },

    11.CSS Format

    这是将任意的 CSS、SASS、SCSS、LESS 代码格式化为展开、紧凑、压缩的形式。

    操作是选中需要格式化的样式代码,右键选中CSS Format,选择需要形成的格式即可。

    12.Tag

    Tag插件提供各种对Tag标签的操作,具有功能:根据/自动关闭HTML标签,标签自动缩进(或选中ctrl+alt+f),删除标签和里面的内容,插入标签(对光标字符“ctrl+shift+,”生成标签),删除标签里的属性,关闭标签,检查标签等。有些功能是自动执行,有些功能需要手动执行,功能入口 菜单栏Edit→
    Tag。

    13.Trailing spaces

    可以检测和一键删除代码的空格,保存时自动删除多余空格,让你的代码更加紧凑规范。功能入口:Edit→
    Trailing Spaces→
    Delete,也可以自己设置快捷键,我通常设置成ctrl+shift+alt+t,以下粘贴到Key-Bindings-User里面:{ "keys": ["ctrl+shift+alt+t"], "command": "delete_trailing_spaces" },

    14.ConvertToUTF8

    通过本插件,您可以编辑并保存目前编码不被 Sublime Text 支持的文件,特别是中日韩用户使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP 等。可以通过 File→
    Set File Encoding to 菜单对文件编码进行手工转换。例如,您可以打开一个 UTF-8 编码的文件,指定保存为 GBK,反之亦然。

    15.HTML-CSS-JS Prettify

    格式化HTML,CSS,javascript和Json代码格式。使用该插件,需要安装nodejs,而且要在Packages-Setting→
    HTML/CSS/JS Prettify→
    set node path中设置你node的安装路径。使用过程:Tools→
    Command Palette(或者Ctrl+Shift+P),输入选择htmlprettify即可完成整个文档的格式化。也可以设置快捷键:Packages-Setting→HTML/CSS/JS Prettify→set keyboard shortcuts,因为我的ctrl+shift+h已经被占用,所以我改成ctrl+shift+alt+h。

    16.Terminal

    打开文件的终端,终端默认是CMD。ctrl+shift+t 打开文件所在文件夹,ctrl+shift+alt+t 打开文件所在项目的根目录文件夹,可以自己重新配置快捷键。也可以右键open terminal here打开。

    17.sublimeCodeIntel

    这是智能提示,再也不担心不会单词了?!

    18.还有许多插件

    jQuery、angular、node.js、less、 html5、javascript-API-Completions...

    19.localiza

    中文插件

    20.vue syntax hightlight 

    vue 插件安装

    盲目安装插件列表

    Alignment
    AutoFileName
    BracketHighlighter
    ColorPicker
    CSS Format
    DocBlockr
    Emmet
    JsFormat
    Sidebar Enhancements
    Tag
    Trailing Spaces
    ConvertToUTF8
    HTML-CSS-JS Prettify
    Terminal

    重新设置的快捷键

    1. { "keys": ["ctrl+alt+shift+a"], "command": "alignment" },  
    2. { "keys": ["ctrl+shift+alt+f"], "command": "show_panel", "args": {"panel": "find_in_files"} },  
    3. { "keys": ["ctrl+alt+u"], "command": "soft_undo" },  
    4. { "keys": ["ctrl+shift+alt+t"], "command": "delete_trailing_spaces" },  
    5. { "keys": ["f12"], "command": "side_bar_open_in_browser","args":{"paths":[], "type":"testing", "browser":""}},  
    6. { "keys": ["alt+f12"], "command": "side_bar_open_in_browser","args":{"paths":[], "type":"production", "browser":""}},  
    7. { "keys": ["ctrl+t"], "command": "side_bar_new_file2"},  
    8. { "keys": ["f2"], "command": "side_bar_rename"},  
    9. { "keys": ["ctrl+shift+c"], "command": "color_pick"},  
    10. { "keys": ["ctrl+shift+alt+j"], "command": "js_format","context": [{"key": "selector", "operator": "equal", "operand": "source.js,source.json"}]},  

    sublime text3 快捷键

    因为快捷键过多,下面仅罗列一下比较常用的快捷键:

    1.操作
    Ctrl + `: 打开Sublime Text控制台(Esc退出)
    Ctrl+Shift+P:打开命令面板(Esc退出)
    Ctrl + K, Ctrl + B: 组合键,显示或隐藏侧栏
    Alt :光标调到菜单栏,↑↓←→ 移动光标

    2.编辑
    Ctr+Shift+D:复制粘贴光标所在行
    Alt+.:关闭标签
    Ctrl+/:用//注释当前行。
    Ctrl+Shift+/:用/**/注释。
    Ctrl + Enter: 在当前行下面新增一行然后跳至该行
    Ctrl + Shift + Enter: 在当前行上面增加一行并跳至该行
    Ctrl + ←/→: 进行逐词移动,
    Ctrl + Shift + ←/→: 进行逐词选择
    Ctrl + Shift + ↑/↓: 移动当前行(文件会被修改)
    Ctrl+KK :从光标处删除至行尾
    Ctrl+K Backspace :从光标处删除至行首
    Ctrl+Z:撤销
    Ctrl+Y:恢复撤销
    Ctrl+J:合并行(已选择需要合并的多行时)
    Ctrl + [: 选中内容向左缩进
    Ctrl + ]: 选中内容向右缩进

    3.选择
    Alt+F3:选中关键词后,选中所有相同的词。可以配合Ctrl+D使用。
    Ctrl + D Ctrl + K Ctrl + U:Ctrl + D选择当前光标所在的词并高亮该词所有出现的位置,再次Ctrl + D,会选择该词出现的下一个位置。在多重选词的过程中,Ctrl + K会将当前选中的词进行跳过在多重选词的过程中,Ctrl + U进行回退
    Ctrl+L :选择光标所在整行
    Ctrl+X:删除光标所在行
    Ctrl + J: 把当前选中区域合并为一行
    Ctrl+Shift+M:选中当前括号内容,重复可选着括号本身

    4.查找
    (如果有窗口弹出都是Esc退出弹出窗口)
    Ctr+p:输入@显示容器(css或者js里面)
    Ctrl + F: 调出搜索框
    Ctrl + H: 调出替换框进行替换
    Ctrl + Shift + H: 输入替换内容后,替换当前关键字
    Ctrl + Alt + Enter: 输入替换内容后,替换所有匹配关键字。(NOTE: 注意此时如果鼠标焦点在编辑窗口中,则替换失败,将鼠标焦点调到替换框中,Ctrl + Alt + Enter才会起作用)
    Ctrl + Shift + F: 开启多文件搜索&替换
    Alt + C: 切换大小写敏感(Case-sensitive)模式
    Alt + W: 切换整字匹配(Whole matching)模式
    Alt + R: 切换正则匹配模式的开启/关闭

    5.跳转
    Ctrl + P:列出当前打开的文件(或者是当前文件夹的文件),输入文件名然后 Enter 跳转至该文件,输入@symbol跳转到symbol符号所在的位置,输入#keyword跳转到keyword所在的位置,输入:n跳转到文件的第n行
    Ctrl + R:列出当前文件中的符号(例如类名和函数名,但无法深入到变量名),输入符号名称 Enter 即可以跳转到该处。
    会列出Markdown文件的大纲
    F12: 快速跳转到当前光标所在符号的定义处(Jump to Definition)。比如当前光标所在为一个函数调用,F12会跳转至该函数的定义处。
    Ctrl + G: 输入行号以跳转到指定行
    Ctrl+M:跳转到括号另一半。

    6.窗口和Tab页
    Ctrl + N: 在当前窗口创建一个新标签
    Ctrl + Shift + N: 创建一个新窗口(该快捷键 和搜狗输入法快捷键冲突)
    Ctrl + W: 关闭标签页,如果没有标签页了,则关闭该窗口
    Ctrl+Shift+W:关闭所有打开文件
    Ctrl + Shift + T: 恢复刚刚关闭的标签。
    Ctrl +Tag:移动标签。

    7.屏幕
    F11: 切换普通全屏
    Shift + F11: 切换无干扰全屏
    Alt + Shift + 2: 进行左右分屏
    Alt + Shift + 8进行上下分屏
    Alt + Shift + 5进行上下左右分屏(即分为四屏)
    Ctrl + 数字键: 跳转到指定屏
    Ctrl + Shift + 数字键: 将当前屏移动到指定屏

  • 相关阅读:
    dreamvc框架(一)ioc容器的集成
    1040. Longest Symmetric String (25)
    虚指针存在证明及虚函数表
    Kibana中doc与search策略的区别
    AngularJS API之bootstrap启动
    AngularJS 技术总结
    Elasticsearch Javascript API增删改查
    AngularJS 中的Promise --- $q服务详解
    Ruby编程实践
    Ruby测试小代码[计算50以内的素数]
  • 原文地址:https://www.cnblogs.com/yinwangyizhi/p/9354170.html
Copyright © 2011-2022 走看看