Sublime的用法
一、首先安装插件
1、安装Package Control,这是为了安装其他插件做基础,它可以方便我们下载其他插件
(1)、按Ctrl+`调出console(注:避免热键冲突)
(2)、粘贴以下代码到命令行并回车:
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())
(3)、 重启Sublime Text 3。
(4)、如果在Perferences->package settings中看到package control这一项,则安装成功。
2、安装一些常用插件,例如:
Emmet,一种快速编写html/css的方法(注意:安装Emmet的同时,也会自动安装其依赖PyV8 binary库,安装PyV8库会用较长时间,可以在Sublime左下角看到安装进程状态
JSFormat,JS代码格式化插件(使用方法:使用快捷键ctrl+alt+f)(快捷键不管用) 即可在JS文件中通过鼠标右键->Jsformat
SublimeLinter,一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释
DocBlockr,注释插件,生成幽美的注释。标准的注释,包括函数名、参数、返回值等,并以多行显示,省去手动编写。Ctrl+/
SideBarEnhancements,是一款很实用的右键菜单增强插件,在安装该插件前,在Sublime Text左侧FOLDERS栏中点击右键
TrailingSpaces插件,有时候,在代码结尾打多了几个空格或Tab,并没有任何显示效果,但这款插件能高亮显示多余的空格和Tab
Terminal插件,在编程过程中,我们经常需要使用到命令行窗口,它可以允许在Sublime Text 3中打开cmd命令窗口,安装好该插件后,即可使用快捷键Ctrl+Shift+T呼出命令行窗口
CssComb,是为CSS属性进行排序和格式化插件,使用Package Control,安CssComb插件后,你可能发现它并不能运行,它依赖于Node.js ,需要安装NodeJS环境,,安装NodeJS后,即可使用CssComb插件,使用方法:菜单Tools->Run CSScomb或在CSS文件中按快捷键Ctrl+Shift+C
Autoprefixer插件,这是一款CSS3私有前缀自动补全插件,该插件使用CanIUse资料库,能精准判断哪些属性需要什么前缀,与CssComb插件一样,该插件也需要系统已安装Node.js环境,使用方法:在输入CSS3属性后(冒号前)按Tab键
二、(在安装插件时自己的的总结:
1、 Package Control,不仅可以下载各种插件,也可以在那删除插件。
2、 可以用Package Control查看插件列表,也可以在Preferences->PackageSeting中查看插件。
3、 在下了许多插件后,在敲打css代码时会发现没有颜色提示,这时可以去下载一个ColorPicker的插件,十分方便
4 在下载多个插件后,会发现有许多插件的快捷键有重复,不能使用。解决方法:C:\Users\Administrator\AppData\Roaming\Sublime Text 3\Packages\(你所下插件的文件夹)里找到Default (Windows).sublime-keymap文件,然后打开,将[ { "keys": ["ctrl+shift+c"], "command": "color_pick" }]中的“ctrl+shift+c”改成“自己想要设置快捷键”就可以了
5,如果发现没有了侧边栏,这时可以找到工具栏点击View-> Side Bar->Side Bar->Show Side Bar就可以了,也可以按Ctrl+K,Ctrl+K直接打开
6、当你新建一个文档时,自己的Tab键不管用,解决方法:出现这种情况,通常因为它给你初始设的文档类型是XML,这时需要自己去改,在底部右下角有字幕XML,点击一下,会弹出一个列表,那里会提供各种文件件类型,这时你将你的文件类型选择成HTML即可,再去新建的文档敲击代码,这时,你就会发现你的Tab键可以使用了,当然你也可以选择其他文件类型,如果Tab还是不可以使用,则Tab用Ctrl+E代替
7、在底部左下角那会有一个电脑形状的图像,点击便会弹出一个列表
分别是:
显示隐藏控制台 (Console) 快捷键 Ctrl+`
查找匹配值 (Find) 快捷键 Ctrl+F
在文件中查找 (Find ) 快捷键 Ctrl+Shift+F
替换匹配值 (Console) 快捷键 Ctrl+H
8、当工具栏被隐藏时,可以按Alt,还可以shift + ctrl + p 调出命令之后选择view: toggle menu,即可找到隐藏的工具栏
9、浏览器预览效果,单击右键,点击Open in Brower,快捷键的设置,找到工具栏Preferences->Key Bindings(user),然后在括号内添加如下代码:
/*360*/
{
"keys": ["f12"],
"command": "side_bar_files_open_with", "args": {"application": "C:/Users/Administrator/AppData/Roaming/360se6/Application/360se.exe"/*此处为浏览器程序的位置*/, "extensions": ".*", "paths": []}
},
/*IE*/
{
"keys": ["ctrl+f2"],
"command": "side_bar_files_open_with", "args": {"application": "C:/Program Files (x86)/Internet Explorer/iexplore.exe"/*此处为浏览器程序的位置*/, "extensions": ".*", "paths": []}
},
/*Firefox*/
{
"keys": ["ctrl+shift+f12"],
"command": "side_bar_files_open_with", "args": {"application": "D:/工作文档/软件/火狐/firefox.exe"/*此处为浏览器程序的位置*/, "extensions": ".*", "paths": []}
}
即可
10、标签栏不见了,点击View -> show tabs或者按快捷键Ctrl + Shift + P进入管理器,输入View: Toogle Tabs。
11、 状态栏不见了(总结一下吧)
快捷键Shift+Ctrl+P——view,按照需要选择即可
view:Toggle Menu菜单栏
view:Toggle Tabs打开文件栏
view:Toggle Sibe Bar 侧栏(文件夹)
view:Toggle Status Bar状态栏
view:Toggle Open Files in Side Bar 侧栏显示打开的文件栏
view:Toggle Menu菜单栏
12 项目的建立:project->Add Folder to project
13、项目的删除:选择项目->右击出现列表->project->Remove Folder from project
Sublime的用法的更多相关文章
- sublime text3 用法
1. 使用lint进行语法及风格校验 jshint可以统一编码风格. 安装jshint的步骤: 1)ctrl+shift+p打开命令模式--->输入pcip回车--->输入sublimel ...
- Sublime Text 用法小记
复制当前行: Ctrl + Shift + D 上下移动行: Ctrl + Shift + ↑/↓ 选中行部分: Crtl + Shift + ←/→ 格式化json: Ctrl + Alt + J
- 我的WordPress站点
读取VDI文件 SSL和TLS Windows下使用vim的最佳方案:Sublime gdb用法 VMware的Guest与Host进行通信的三种方式 加密与解密 漫谈保护模式 processing学 ...
- sublime Emmet的用法及相关语法
本节来讲一下Emmet插件的用法及相关语法. Emmet插件极大的提高了编程员的编程速度,下面我们来讲讲它的具体语法: 一.生成 HTML 文档初始结构 HTML 文档的初始结构,就是包括 docty ...
- Sublime Text 2 快捷键用法大全(转)
Ctrl+D 选词 (反复按快捷键,即可继续向下同时选中下一个相同的文本进行同时编辑)Ctrl+G 跳转到相应的行Ctrl+J 合并行(已选择需要合并的多行时)Ctrl+L 选择整行(按住-继续选择下 ...
- Sublime Text 介绍、用法、插件等
个人常用插件: AlignmentBracket Highlighter 此插件能完成括号高亮匹对DocBlockrEmmentNodejsPackage ControlPrefixr CSS3中 ...
- sublime text 3 扩展插件SideBarEnhancements用法教程
SideBarEnhancements本是增强侧边栏的插件,这里将教大家如何用来做sublime text 3浏览器预览插件,并可自定义浏览器预览的快捷键. 第一步:安装此插件,搜索相关教程,本博客有 ...
- Sublime Text几款常用插件及用法(前端)
一.Sublime3下载 百度搜索sublime text3,出现如图: 2.然后点击进去下载: 或者https://pc.qq.com/detail/0/detail_10140.html这里下载 ...
- sublime Text的一些用法(emmet插件、)
在学的过程中,看到了一个非常方便的html的标签的写法:,插件emmet 一.安装emmet 看清楚哦~~这是Sublime text 3不是2的版本,两者的安装还是有区别的1 ONE:建议到官方下载 ...
随机推荐
- vue 路由监听
发现网上其实有很多种答案,但是测试之后发现很多都不行,或者写的不完整. 一.在app.vue组件内,增加监听$route,如下: watch: { $route(to, from) { console ...
- moco实例
一.moco模拟接口响应json moco的下载地址见虫师博客园:https://www.cnblogs.com/fnng/p/7511539.html foo.json文件内容如下 [ { &quo ...
- Manasa and Combinatorics
题意: 给定n,求问由2n个字母B,n个字母A构成的字符串中 任意前缀B的个数大于A的个数且任意后缀B的个数大于A的个数的 字符串个数. 解法: 注意到答案不易于直接计算,所以我们考虑应用容斥原理. ...
- 1.7-1.12 MapReduce Wordflow
一.案例运行MapReduce Wordflow 1.准备examples [root@hadoop-senior oozie-4.0.0-cdh5.3.6]# pwd /opt/cdh-5.3.6/ ...
- 4-1逻辑与运算符介绍 & 4-2逻辑或运算符介绍
后面括号内的(n++)不运算了. 4-2逻辑或运算符介绍
- POJ - 2676 Sudoku 数独游戏 dfs神奇的反搜
Sudoku Sudoku is a very simple task. A square table with 9 rows and 9 columns is divided to 9 smalle ...
- [Xcode 实际操作]一、博主领进门-(12)代码重构
目录:[Swift]Xcode实际操作 本文将演示如何重构代码. 在项目导航区,打开视图控制器的代码文件[ViewController.swift] [快速更改同名变量或常量] 在代码编辑区域,点击需 ...
- builder模式的新学习
builder模式的新学习 静态工厂和构造器有个共同的局限性:他们不能很好的扩展到大量的可选参数.大多数产品在牧歌可选与中都会有非零的值 对于这种类,应该使用哪种构造器或者静态方法来进行编写?程序员一 ...
- 要单独拿出来讲的a标签
a标签的属性 href属性赐予a标签力量:href属性指定要通过a标签借助浏览器请求的资源,可以是图片.视屏.网站.音频等.不加herf属性的a标签就是一个没有任何特殊样式和功能的文本容器. targ ...
- springboot2.x 的 RedisCacheManager变化
springboot2.x 的 RedisCacheManager变化 springboot2.x 的 RedisCacheManager变化 由于最近在学着使用redis做缓存,使用的是spring ...