安装

1、官网下载Sublime Text 3 http://www.sublimetext.com/3

2、示例Win7 64位 

3、下载完成后(傻瓜式安装)、安装时,注意勾选

这样Sublime Text可以被添加到右键中,在右键单击文件时,可以直接使用Sublime Text打开。

Package Control安装

安装插件之前、需要安装Package Control(管理ST中的插件)

使用Ctrl + ~快捷键或者通过View->Show Console菜单打开命令行

将以下 Python 代码粘贴进去并 enter 执行,不出意外即完成安装。

Sublime Text 3

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())

  

可能由于各种原因,无法使用代码安装 请跳转链接http://www.imjeff.cn/blog/62/   https://packagecontrol.io/installation#st3

若Preferences中多出 Package Control恭喜你安装成功

使用Package Control安装插件

1、按下Ctrl+Shift+P调出命令面板。

2、输入"pcip" 调出 Package Control: Install Package 选项并回车。

3. 在列表中选中要安装的插件,或者输入插件名(比如要安装Emmet插件,则输入Emmet),根据命令面板中的过滤结果,选择要安装的插件。

使用Package Control查看、删除已安装的插件

1、按下Ctrl+Shift+P调出命令面板

2、输入"pcil",在下拉列表找到"Package Control: List Packages",选中后回车,全部的插件就会显示出来了。

3、输入"pcrp",在下拉列表找到"Package Control: Remove Packages",删除需要删除的插件即可

插件

插件地址:https://packagecontrol.io/browse

1、Package Control( 管理Sublime Text插件 )

2、Emmet( 前端开发神器 ) 具体使用请跳转 → http://www.iteye.com/news/27580

3、SublimeCodeIntel( 代码提示插件 )

4、Bracket​Highlighter( 引号、括号、标签高亮插件 ) 具体使用请跳转 → http://www.dbpoo.com/sublime-text3-brackethighlighter/ Pregerence > Package Settings > BracketHighlighter > Bracket Settings – User

5、SideBarEnhancements( slide增强快捷键浏览器\并可自定义浏览器预览的快捷键 )

6、Theme( 界面主题 )

7、Convert​To​UTF8( 解决Sublime中中文不能正常显示的问题 )

8、DocBlockr( 代码生成注释 )

9、Autoprefixer( 处理Browse前缀 )

10、AutoFileName( 自动补全文件路径 )

11、HTML5、jQuery、Sass、Git、JS Format、ConvertToUTF8

12、SublimeREPL( 可以直接在编辑器中运行一个解释器 )

13、ColorPicker( 内置调色板 )

常用快捷键

选择类

Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。

Alt+F3 选择一个选中项的所有匹配项

Ctrl+Enter  在下一行插入新行

Ctrl+Shift+Enter  在上一行插入新行

Ctrl+L  选中整行、继续操作则选择下一行、效果与Shift+↓效果一样

Ctrl+shift+L  先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。

Ctrl+shift+M 选择括号之间的一切,使用CSS

Ctrl+M  光标移动至大括号内结束或开始的位置。

Ctrl+shift+[  选中代码,按下快捷键,折叠代码

Ctrl+shift+]  选中代码,按下快捷键,展开代码

Ctrl+K+0  展开所有折叠代码

Ctrl+shift+' 选择与光标关联的开始和结束标签

Ctrl+shift+a 再次按下它,将选择父容器,再按,将选择父容器的父容器。

Ctrl+F2  设置书签

F2  查找书签(有的话)

移动行和文本

Ctrl+shift+↑ 于上一行互换位置

Ctrl+shift+D 如果你已经选中了文本,它会复制你的选中项。否则,把光标放在行上,会复制整行。

Ctrl+[或] 增加和减少缩进

剪切、删除、复制、粘贴

Ctrl+shift+; 移除选中项的标签元素

Ctrl+shift+v 粘贴并保持缩进

Alt+shift+w 使用标签包裹一行; 开始输入你想使用的标签

Ctrl+K+U  大写

Ctrl+K+L  小写

文本和数字的操作

Ctrl+shift+y 计算数学表达式

Alt+shift+↑ 增长1

Ctr+↑    增长10

Ctrl+/    注释

Ctrl+shift+/  注释选中的

显示类

Ctrl+Tab  按文件浏览过的顺序,切换当前窗口的标签页
Ctrl+PageDown  向左切换当前窗口的标签页
Ctrl+PageUp  向右切换当前窗口的标签页

Alt+shift+1  窗口分屏,恢复默认1屏(非小键盘的数字)

Alt+shift+2  左右分屏-2列

Alt+shift+3  左右分屏-3列

Alt+shift+4  左右分屏-4列  

Alt+shift+5  等分4屏
Alt+shift+8  垂直分屏-2屏
Alt+shift+9  垂直分屏-3屏

Ctrl+K+B  开启/关闭侧边栏

F11  全屏模式

Shift+F11  免打扰模式

view → Hide Menu 隐藏工具栏

按住Alt工具栏显示

Sublime Text3 实用设置

"caret_style":"phase",// 设置贯标闪动方式(smooth\phase\blink\wide\solid)

"caret_extra_top": 2,// 设置光标top的长度
"caret_extra_bottom": 2,// 设置光标bottom的长度
"caret_extra_width": 1,// 设置光标width

"color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme",// 主题文件路径

"draw_minimap_border": true,//  代码地图(右侧缩略图)是否加上边框
"ensure_newline_at_eof_on_save": true,// 保存文件时光标会在文件的最后向下换一行
"font_face": "YaHei Consolas Hybrid",// 字体
"font_size": 14,// 字体大小
"highlight_line": true,// 高亮光标所在的一行
"highlight_modified_tabs": true,      // 高亮有修改的标签
"ignored_packages":// 删除你想要忽略的插件
["Vintage"
],
"overlay_scroll_bars": "enabled",// 鼠标滚轮不滑动时 默认隐藏滚动条
"rulers":// 宽度指导线 你的代码宽度超出这条线的时候,说明你要重新组织一下了
[80
],
"save_on_focus_lost": true,// 焦点丢失后自动保存
"show_encoding": true,// 显示当前文件的编码(右下角)
"theme": "Soda Light.sublime-theme",
"trim_trailing_white_space_on_save": true,// 保存的时候把无用的空格去掉
"word_wrap": true,    // 自动换行
"translate_tabs_to_spaces": true,// #将tab键的形式改为四个空格
"open_files_in_new_window": false, // #取消打开文件时会新生成一个窗口, 默认设置每次打开一个项目会重新生成一个窗口
}

http://www.tuicool.com/articles/uA3iui

插件配置

1、SideBarEnhancements( 右键增强 )

点击菜单栏的preferences->package setting->side bar->Key Building-User

Ctrl+shift+C 复制当前文件路径

[{ "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": "D:\\Program Files\\Mozilla Firefox\\firefox.exe","extensions":".*"}},//ie{ "keys": ["f4"], "command": "side_bar_files_open_with","args": {"paths": [],"application": "C:\\Program Files\\Internet Explorer\\iexplore.exe","extensions":".*"}},
]

  

若按f1无用、请检查你的"application"路径地址是否正确。再检查是否在360拦截弹窗广告内把"Windows 命令处理程序"拦截了

2、Bracket​Highlighter( 高亮插件 )

点击菜单栏的Preferences -> package settings -> Bracket Highlighter -> Bracket Settings – User (注意是user)

 1 {
 2     // Define region highlight styles
 3     "bracket_styles": {
 4         // "default" and "unmatched" styles are special
 5         // styles. If they are not defined here,
 6         // they will be generated internally with
 7         // internal defaults.
 8
 9         // "default" style defines attributes that
10         // will be used for any style that does not
11         // explicitly define that attribute.  So if
12         // a style does not define a color, it will
13         // use the color from the "default" style.
14         "default": {
15             "icon": "dot",
16             // BH1's original default color for reference
17             "color": "entity.name.class",
18             "color": "brackethighlighter.default",
19             "style": "highlight"
20         },
21
22         // This particular style is used to highlight
23         // unmatched bracekt pairs.  It is a special
24         // style.
25         "unmatched": {
26             "icon": "question",
27             "color": "brackethighlighter.unmatched",
28             "style": "highlight"
29         },
30         // User defined region styles
31         "curly": {
32             "icon": "curly_bracket",
33             "color": "brackethighlighter.curly",
34             "style": "highlight"
35         },
36         "round": {
37             "icon": "round_bracket",
38             "color": "brackethighlighter.round",
39             "style": "underline"
40         },
41         "square": {
42             "icon": "square_bracket",
43             "color": "brackethighlighter.square",
44             "style": "underline"
45         },
46         "angle": {
47             "icon": "angle_bracket",
48             "color": "brackethighlighter.angle",
49             "style": "underline"
50         },
51         "tag": {
52             "icon": "tag",
53             "color": "brackethighlighter.tag",
54             "style": "highlight"
55         },
56         "single_quote": {
57             "icon": "single_quote",
58             "color": "brackethighlighter.quote",
59             "style": "outline"
60         },
61         "double_quote": {
62             "icon": "double_quote",
63             "color": "brackethighlighter.quote",
64             "style": "outline"
65         },
66         "regex": {
67             "icon": "regex",
68             "color": "brackethighlighter.quote",
69             "style": "outline"
70         }
71     },
72
73 }

3、Theme( 主题 )

点击菜单栏的preferences->package setting->Bracket highlighter–>Bracket settings-User

Theme - Spacegray  https://packagecontrol.io/packages/Theme%20-%20Spacegray

1 黑暗
2 "theme": "Spacegray Eighties.sublime-theme",
3 "color_scheme": "Packages/Theme - Spacegray/base16-eighties.dark.tmTheme",
4 海洋
5 "theme": "Spacegray Light.sublime-theme",
6 "color_scheme": "Packages/Theme - Spacegray/base16-ocean.light.tmTheme",
7 暗黑海
8 "theme": "Spacegray.sublime-theme",
9 "color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme"

View Code

Theme - Spacegray 链接 https://packagecontrol.io/packages/Theme%20-%20Spacegray
Theme - Soda 链接 http://buymeasoda.github.io/soda-theme/
Theme - Flatland 链接 https://packagecontrol.io/packages/Theme%20-%20Flatland

4、Autoprefixer与SublimeCodeIntel( 依赖NODE环境 )

5、ColorPicker( 内置调色板 )

因调色板快捷键跟、复制文件地址快捷键和UTF8插件快捷键冲突。因此修改如下

点击菜单栏的preferences->Browser Packages…… >ColorPicker文件夹–>Default (Windows).sublime-keymap 修改

1 [
2     { "keys": ["ctrl+shift+z+x"], "command": "color_pick" }
3 ]

ColorPicker

Ctrl + Shift + P SetSyntax:html 缩写ssh(更改页面中的.html)

转载于:https://www.cnblogs.com/ntscshen/p/4557705.html

sublime text 心得相关推荐

  1. Sublime Text 2 使用心得

    Sublime Text 2 使用心得 一. 前言 editplus.notepad++都是不错的工具,体积轻巧,启动迅速(dw太浮肿了).最近,又有一款新的编辑器诞生,席卷前端界,惹得无数喜爱,不少 ...

  2. Sublime Text 3 使用心得

    Sublime Text Sublime Text Sublime Text 3 在 Windows 7 运行的程序画面 开发者 Jon Skinner 初始版本 2008年1月18日 稳定版本 2. ...

  3. Sublime Text 3 使用心得(转)

    Sublime Text 3 使用心得 作者:张智杰 来源:本站原创 发布时间:2013-07-20 点击数:16324 转自:http://ce.sysu.edu.cn/hope/Item/1068 ...

  4. 轻量级开发编辑器 sublime text 3 使用心得

    sublime text 3 编辑器官方下载地址: http://www.sublimetext.com/3 sublime text 的控件包 => Package Control 的安装与使 ...

  5. Sublime Text 2 VS Vim

    说说我的开发工具Sublime Text 2和对Vim的研究 设置Sublime为VIM模式 Sublime Text 2 入门及技巧 sublime text2 使用技巧心得总结 转载于:https ...

  6. Sublime text 入门学习资源篇及其基本使用方法

    Sublime text 学习资源篇 史上最性感的编辑器-sublimetext,插件, 学习资源 官网 http://www.sublimetext.com/ 插件 https://packagec ...

  7. Sublime Text 3 及Package Control 安装(附上一个3103可用的Key)

    一.Sublime Text 3 下载. 官方下载地址:http://www.sublimetext.com/ 二.Sublime Text 3  安装. 打开安装包,进行傻瓜式安装. 三.注册. 点 ...

  8. Sublime Text 3 常用插件以及安装方法(转)

    http://www.cnsecer.com/460.html 安装Sublime Text 3插件的方法: 朋友们,小站活着不容易,全靠广告费养着了,如果本文对你有帮助.麻烦动下手点下页面的广告吧, ...

  9. 在Ubuntu 14.04 64bit上为Sublime text 3安装搜狗拼音输入法

    Sublime text 3不支持中文输入法,下面是我结合网上的各种资料摸索实践了一遍,为Sublime text 3成功添加了搜狗拼音输入法,特此记录以备参考. 前提条件: 事先安装并配置好搜狗拼音 ...

最新文章

  1. java short to byte_java笔记 Java中byte数组与int,long,short,char间的转换
  2. LIVE 预告 | 华为诺亚韩凯:Transformer in Transformer
  3. 解决git did not exit cleanly (exit code 128)
  4. 对传入的值,转成整数
  5. 怎么随时获取Spring的上下文ApplicaitonContext,和Spring管理的Bean
  6. mvn项目Quartz简单上手
  7. HDFS基本概念和特性的详情了解及优缺点
  8. Java校招笔试题-Java基础部分(三)
  9. 微信小程序demo汇总
  10. AD13转oRCAD原理图的操作方式
  11. saved_model_cli查看SavedModel
  12. unity遇到的问题
  13. Learning Compact Binary Descriptors with Unsupervised Deep Neural Networks
  14. 百度ueditor富文本--配置图片上传
  15. mac软件拖到dock,重启后显示问号?,的解决方法
  16. CAN 总线的常用拓扑
  17. Windows11 C盘清理-系统休眠文件占用15G
  18. 潇洒郎:VMware固定虚拟机IP地址
  19. Object.assign 原理及其实现
  20. Java基础知识每日总结(19)---Java输入输出流、文件、递归

热门文章

  1. GridView:根据单元格的值给单元格着色
  2. 一篇很全面的freemarker教程
  3. Win64 驱动内核编程-33.枚举与删除对象回调
  4. UVA11021麻球繁衍
  5. hdu 4099 字典树 + 斐波那契
  6. hdu 1867 求两个串的和最小 ,KMP
  7. 【DBMS 数据库管理系统】数据库 -> 数据仓库 ( 数据处理类型 | 传统数据库 | 数据库不适用于分析型应用 )
  8. 【Android 内存优化】Bitmap 内存缓存 ( Bitmap 内存复用 | 弱引用 | 引用队列 | 针对不同 Android 版本开发不同的 Bitmap 复用策略 | 工具类代码 )
  9. 【Android 应用开发】BluetoothSocket详解
  10. php 数学函数bc的使用(浮点数计算)