首页 > 其他 > 详细

Sublime Text3--安装使用教程资料整理

时间:2015-03-27 09:21:24      阅读:234      评论:0      收藏:0      [点我收藏+]

Sublime Text快捷键:

 
  • Ctrl + ←/→进行逐词移动,相应的,Ctrl + Shift + ←/→进行逐词选择。
 
  • Ctrl+Shift+P:打开命令面板
  • Ctrl+P:搜索项目中的文件
  • Ctrl+G:跳转到第几行
  • Ctrl+W:关闭当前打开文件
  • Ctrl+Shift+W:关闭所有打开文件
  • Ctrl+Shift+V:粘贴并格式化
  • Ctrl+D:选择单词,重复可增加选择下一个相同的单词
  • Ctrl+L:选择行,重复可依次增加选择下一行
  • Ctrl+Shift+L:选择多行
  • Ctrl+Shift+Enter:在当前行前插入新行
  • Ctrl+X:删除当前行
  • Ctrl+M:跳转到对应括号
  • Ctrl+U:软撤销,撤销光标位置
  • Ctrl+J:选择标签内容
  • Ctrl+F:查找内容
  • Ctrl+Shift+F:查找并替换
  • Ctrl+H:替换
  • Ctrl+R:前往 method
  • Ctrl+N:新建窗口
  • Ctrl+K+B:开关侧栏
  • Ctrl+Shift+M:选中当前括号内容,重复可选着括号本身
  • Ctrl+F2:设置/删除标记
  • Ctrl+/:注释当前行
  • Ctrl+Shift+/:当前位置插入注释
  • Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的
  • Ctrl+Shift+A:选择当前标签前后,修改标签用的
  • F11:全屏
  • Shift+F11:全屏免打扰模式,只编辑当前文件
  • Alt+F3:选择所有相同的词
  • Alt+.:闭合标签
  • Alt+Shift+数字:分屏显示
  • Alt+数字:切换打开第N个文件
  • Shift+右键拖动:光标多不,用来更改或插入列内容
  • 鼠标的前进后退键可切换Tab文件
  • 按Ctrl,依次点击或选取,可需要编辑的多个位置
  • Ctrl + ↑/↓移动当前显示区域,Ctrl + Shift + ↑/↓移动当前行。


看下这三篇文章,入门应该不成问题,
http://www.cnblogs.com/zhcncn/p/4113589.html
当然,谷歌是最好的老师。


1.使用go to anything的快捷键:ctrl+p

 
2.ctrl+p:搜索@符号,可以快速跳转各个选择器或者函数之间;输入#可进入当前页面各部分元素内。
3.shift+ctrl+p,召唤命令行,搜索html/css/js可以快速进入相关默认语          法alt模式中
4.ctrl+H,搜索替换的功能,及find&replace
5.ctrl+D也可以完成上述的操作,ctrl+k跳过
    多行游标操作,后边鼠标闪动
     alt+F3,全选
    shift+鼠标右键,竖直向下拖动,也能产生多行游标。
Shift + ←/→或Ctrl + D选中关键字,然后F3跳到其下一个出现位置,Shift + F3跳到其上一个出现位置,此外还可以用Alt + F3选中其出现的所有位置(之后可以进行多重编辑,也就是快速替换)。
6.ctrl+N新建一个空文件
7.ctrl+shift+D复制一行到下一行
8.alt+.自动给出结束标签
9.trl + Enter在当前行下面新增一行然后跳至该行;Ctrl + Shift + Enter在当前行上面增加一行并跳至该行。
10.ctrl+}/]对选中的区域集体缩进
11.ctrl+shift+v粘贴时会保持缩进。
12.召唤出命令行,输入set syntax javascript,也可以输入ssjs

ConvertToUTF8解决中文乱码的问题
 
14.安装advancednewfile插件,ctrl+alt+n新建文件并自动保存
15.nettus fetch维护更新我们的类库
16.先安装的sublimelinter,接着安装了sublimelinter-jshint,然后再用node.js控制台,npm install -g jshint安装jshint
17. Alignment 

Alignment 是一个代码格式化插件,它可以使多行代码中的等号对齐,也可以调整多行代码为一个缩进级别,默认快捷键是 现在通过选中文本并按 Ctrl + alt + A 就可以进行对齐操作了。

别安装html snippets,会有重复的<出现
sidebarenhancement配置,可以指定浏览的浏览器

SideBarEnhancements 侧边栏增强

SideBarEnhancements本是增强侧边栏的插件,这里将教大家如何用来做sublime text 3浏览器预览插件,并可自定义浏览器预览的快捷键。

 

安装此插件,点击工具栏的preferences > package setting > side bar > Key Building-User,键入以下代码,这里设置按Ctrl+Shift+C复制文件路径,按F1~F5分别在firefox,chrome,IE,safari,opera浏览器预览效果,当然你也可以自己定义喜欢的快捷键,最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
[
       /*{ "keys": ["alt+f12"],
            "command": "side_bar_open_in_browser",
            "args":{"paths":[], "type":"production", "browser":""}
        },*/
          { "keys": ["ctrl+shift+c"], "command": "copy_path" },
          //chrome
    { "keys": ["f1"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe",
                "extensions":".*"
            }
     },
    //firefox
    { "keys": ["f2"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "E:\\软件\\Firefox\\firefox.exe",
                "extensions":".*" //匹配任何文件类型
            }
    },
 
    //ie
     { "keys": ["f3"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",
                "extensions":".*"
            }
    },
 
    ]
 

将文件编码从GBK转黄成UTF8,快捷键Ctrl+Shift+C

20.css排序

CSS属性的顺序一般不重要,因为无论何种顺序浏览器都能正确渲染。但排序所有的属性还是有助于代码的整洁。在Sublime Text中,选中CSS属性后按F5就可以按字母顺序排序。

21.status bar time

22.Sublime Text 2 在界面上比较有特色的是支持多种布局和代码地图,也提供了 F11 和 Shift+F11 进入全屏免打扰模式,文字难描述,看下图吧。

23.使用上面介绍的快速文件切换功能,可以很轻易地打开/切换到自己想要编辑的文档了,但如果这个文件的代码很长很长,想要轻松跳到要编辑的地方又有什么好方法呢? Sublime Text 2 早就帮你想好了,同样是按下前面所说的 Ctrl+P(Win) 或 Shift+Command+P(Mac),这次试试先输入一个 @ 号看看?嗯,好样的!这列表马上帮你罗列出这文件里全部的 Function 了!同样使用模糊匹配,快速输入几个关键字,马上就能定位到那个Function去了!!!在需要不停在多个Function之间跳转的时候这个功能尤显实用~妈妈再也不用担心我找函数找到蛋疼了!当你编辑的是HTML时,这货给你罗列的则是HTML的各个ID元素,相信搞前端的同学们都鸡冻了吧。

24.bracket highlighter

BracketHighlighter 高亮显示匹配的括号、引号和标签

 

 
24.JSformat 你也可以使用这个插件的热键“CTRL+ALT+F”进行整理

JsFormat javascript格式化

有时从网上扒了人家的js代码来学习学习,打开发现被压缩了,这时就可以用JsFormat插件格式化js代码,恢复未压缩时候的排版,挺给力的。按快捷键Ctrl+Alt+F即可格式化当前的js文件了。

 
25.较有意思的是,对于Markdown,Ctrl + R会列出其大纲,非常实用。
26.ColorPicker 调色盘

在编辑CSS样式的时候,要加个自己喜欢颜色或改改颜色啥的,要到PS里去调色?ColorPicker可以让sublime text 3内置一个调色盘,调好颜色,点击OK就会在光标处生成十六进制颜色代码。


http://docs.emmet.io/cheat-sheet/
link
<link rel="stylesheet" href="" />
link:css
<link rel="stylesheet" href="style.css" />
  
style
<style></style>
script
<script></script>
script:src
<script src=""></script>
img
<img src="" />


  
 
    "color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",
    "theme": "Flatland Dark.sublime-theme",
 

F12 key conflict

On Sublime Text 3 F12 key is bound to "goto_definition" command by default. This package was conflicting with that key, this no longers happens. You need to manually add the keys now: Go to Preferences -> Package Settings -> Side Bar -> Key Bindings - User and add any of the following:

[
        { "keys": ["f12"],
            "command": "side_bar_open_in_browser" ,
            "args":{"paths":[], "type":"testing", "browser":""}
        },
        { "keys": ["alt+f12"],
            "command": "side_bar_open_in_browser",
            "args":{"paths":[], "type":"production", "browser":""}
        },
        {
            "keys": ["ctrl+t"],
            "command": "side_bar_new_file2"
        },
        {
            "keys": ["f2"],
            "command": "side_bar_rename"
        },
    ]

 

我个人使用的是Nexus主题和Flatland Dark配色,配置如下:

12
"theme": "Nexus.sublime-theme",
"color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",
  1. 添加以下代码激活 Soda Light 主题:

{
  "theme": "Soda Light.sublime-theme"
}

添加以下代码激活 Soda Dark 主题:

{
  "theme": "Soda Dark.sublime-theme"
}
  1. 下载并解压缩主题包
  2. 点击菜单 Preferences > Browse Packages…
  3. 把主题文件夹复制到Packages文件夹中.
  4. 点击菜单 Preferences > Settings – Users 并加入以下代码:"theme": "Soda Light.sublime-theme"
references > Settings – Users
{
 "caret_style": "phase",
 "color_scheme": "Packages/User/SublimeLinter/Flatland Dark (SL).tmTheme",
 "draw_white_space": "all",
 "ensure_newline_at_eof_on_save": true,
 "font_size": 12,
 "highlight_line": true,
 "highlight_modified_tabs": true,
 "ignored_packages":
 [
 ],
 "open_files_in_new_window": false,
 "rulers":
 [
  80,
  100
 ],
 "tab_size": 2,
 "theme": "Nexus.sublime-theme",
 "translate_tabs_to_spaces": true,
 "trim_trailing_white_space_on_save": true
}

 

Sublime Text3--安装使用教程资料整理

原文:http://www.cnblogs.com/michael-xiang/p/4370819.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!