Sublime Text 3 调教你的私人利器(下)
来源:互联网 发布:java企业门户网站源码 编辑:程序博客网 时间:2024/06/05 18:31
//做笔记使用,接上
AutoPrefixer 调教:
AutoPrefixer 插件的修改并不需要使用 PackageResourceViewer ,其配置文件都保存在 Packages 文件夹。
Package Settings – AutoPrefixer – Settings-User 加入:
{
"browsers": ["last 5 versions"],
"cascade": true,
"remove": true
}
兼容各浏览器最新的5个版本,使用冒号对齐,移除已有旧内容(?)关于浏览器版本的兼容配置请自行谷歌,个人觉得这个通用配置基本足够。
当然也可以配置快捷键使用,工具栏 Preferences – key Bindings-User ,加入以下代码:
{ "keys": ["ctrl+alt+c"], "command": "autoprefixer" },
Emmet LiveStyle 简介及演示: (已过时,新版可使用独立APP。推荐使用 gulp 的 browser-sync 插件,只单向)
双向修改无刷新预览,你真的知道我在说什么吗?
有没有很流弊?默认配置即可使用。
除了安装 LiveStyle 插件,还需要相应的 Chrome 插件 Emmet LiveStyle 。连接被重置? 呵呵,你一定是在逗我,自寻出墙路吧少年(迷茫的少年用力戳这里)。另外,好像还有 Firefox 和 Safari 对应的插件,恩,好像是有。
FileHeader 调教:
FileHeader 是一个文件模板插件,可以定制各种文件模板和文件头部信息,保存时可以自动更新文件的修改时间。
FileHeader 的配置文件也都保存在 Packages 文件夹,template 中的 body 对应文件模板,header 对应文件头部,使用文件对应的格式命名,修改起来很简单,下面的动态图示例CSS自动更新文件修改时间。
这个功能对 程序猿 来说相当实用。
SideBarEnhancements 调教:
让我使用侧边栏,其实一开始我是拒绝的,自从用了 SideBarEnhancements 侧边栏增强插件,就像加了特效一样。Duang~ ctrl+k 再 ctrl+b 切换自如。
首先你需要新建 Project ,打开一个ST窗口并开启侧边栏,把你的项目文件夹拖进去,然后Save Project As 就行,会在目录下生成两个文件,记录着你上次关闭项目时打开着的文件等信息。
Open With 可以设置快捷键程序打开,比如使用各浏览器打开的对应的快捷键,自行谷歌。
Edit Preview URLs ,编辑项目路径及对应URL前缀(好像均不支持中文),用于配置默认打开的域名路径设置。
{
//
"本地项目路径":{
"url_testing":"测试环境地址",
"url_production":"正式环境地址"
},
//以上内容删除,包括本行,下面是示例
"D:/xampp/htdocs/example/":{
"url_testing":"http://localhost/example/",
"url_production":"http://www.baidu.com/example/"
}
}
还需要设置默认浏览器,Package Settings – Side Bar – Settings-User 加入:
{
"default_browser": "chrome",
}
然后设置快捷键 Preferences – key Bindings-User 加入:
{ "keys": ["f12"],
"command": "side_bar_open_in_browser" ,
"args":{"paths":[], "type":"testing", "browser":""}
},
这里的 “type”:”testing” 对应的就是上面的“测试环境地址”。你也可以指定 “production” 打开“正式环境地址”。
设置完成之后,使用 F12 就可以在本地测试环境下打开文件,非常方便。
其他推荐调教配置:
插件固然强大,但是插件装多了,难免出现快捷键互相冲突问题。而且有些插件的快捷键甚是鸡肋,极容易造成误操作。而有的插件为了可定制性,把快捷键都省略了,只在 README 里提到。
通过前面的插件配置,对于快捷键的配置问题也有一定的涉及。据我所见的情况,快捷键配置无非两种。
1. 工具栏 Preferences – key Bindings-User 添加快捷键。
2. 直接修改插件配置文件。
方法1,可以参照 Clipboard Manager 和 AutoPrefixer 配置,最主要的是 command 的值。这个一般能在插件的README 里找到。不知道 README 在哪? Open Resource 找到对应插件,你就能看到了。或者去插件的GitHub主页(如果有的话 …
方法2,以 ConvertToUTF8 插件为例,它解决了ST3原生不支持中文编码文件的问题。但是,它有个默认的快捷键 ctrl+shift+c 经常导致误按我也是醉了。
调教方法:打开 Packages 文件夹找到插件目录(不在 Packages 文件夹的插件请用 Open Resource ),可以看到几个 .sublime-keymap 的文件,找到对应你所使用操作系统名的文件,用 ST3 打开它,接下来你就懂了。
开源无国界,作为一个没过四级的苦逼小前端,只能帮你到这了
- Sublime Text 3 调教你的私人利器(下)
- Sublime Text 3 调教你的私人利器(上)
- Sublime Text 3 调教你的私人利器
- Sublime Text 2 性感的编程利器
- MarkdownEditing:Sublime Text 2 的 Markdown 利器
- MarkdownEditing:Sublime Text 2 的 Markdown 利器
- [乐意黎]调教Sublime Text之设置用新标签页打开新的文件
- ubuntu 下 Sublime Text 3 的安装
- sublime text 3下的Markdown写作
- Ubuntu下使用sublime text 3安装插件Package Control+cTags+Cscope后查看源码利器
- Tips2 好好调教你的程序(断点调试)
- Sublime Text 2开发你的javascript
- Sublime Text 2开发你的javascript
- 解决Linux下Sublime text 3的中文输入问题
- Sublime text 3在Mac和Windows下的 破解
- Mac下Sublime Text 3的使用心得
- Ubuntu 下 sublime text 3 java环境的编译
- Ubuntu下Sublime Text 3的安装及一些配置
- 12/20 python 中的 模块和包
- AliOS Things 基于组件化思想的多bin特性
- 12.18笔记
- 进程管理
- ThreadPoolExecutor运作流程
- Sublime Text 3 调教你的私人利器(下)
- 对map里的数据进行排序
- 重磅开源!678页阿里核心技术,免费下载!
- 图像映射(图像热点)的使用
- java中equals方法的用法以及==的用法(转)
- 首页地图渲染之国际化(三)---趋势图联动显示
- jquery操作动态生成的元素
- Android研究_Gralloc_4alloc设备open过程分析
- 阿里云“万亿苏醒计划”:AIoT智联网的伟大使命