Sublime Text 2使用过程的经验和总结

安装并使用sublime Text2

安装并开始使用Sublime Text2一段时间了,至少用起来比dreamweaver好用多了。下面写一些我遇到的问题和解决方案,也许能帮到一些朋友。

第一:试用了这么久,最早是安装package control不成功,因为调用不出来那个在线安装的功能。然后下载下来也用不了。

后来在网上看到原来是快捷键和QQ拼音冲突,该死的QQ拼音,快捷键是ctrl+~.然后我禁用了QQ拼音的快捷键后。如果你也发生调用不了这个快捷键,那么就应该是快捷键冲突了。

2013.8.12日更新

本人在删除掉sublime text2之后,然后安装了一个便携版的,发现打不开默认文件了。后来在网上搜索,才发现原来需要进入注册表(运行命令,regedit),搜索sublime text2.exe之后删除掉就可以打开默认文件了,来源在这里

安装插件

第二:安装了zen coding 这个插件后,发现并不能写出zen coding的格式,我怀疑是我的软件没有安装正确,于是重新安装,后来才知道原来是这个插件已经不更新了,换了另外一个插件叫(emmet).安装完之后,立马就行了。写html代码真的是非常方便快速。

emmet这个插件更加给力,连css也可以缩写了啊。

第三:给st2安装了几个有用的插件。例如:tag、gist、jQuery、HtmlTidy等常用的插件,在公司估计可能会尝试搭建svn插件看看怎么样。

第四:其实我想找的是想dreamweaver可以自动添加html的部分内容的。然后搜索了一下就搜索了gist这个插件,真心是好用,而且方便管理代码,你可以添加你常用的代码作为基础。这样子可以剩下很多时间,你还可以frok git上的代码到自己的机子上。是不是很强大呢?

插件推荐

基于本人使用了差不多一年的时间,近期将会推荐一些sublime text 2的插件。

一.autoperfixer(css3兼容前缀自动补全)

1、可以定义兼容不同的浏览器加载不同的前缀,默认的是没有兼容IE/opera的-ms/-o,如果想要兼容参考github页面Options的设置。
2、批量替换,高效。
3、不依赖线上API, Sublime Prefixr就是因为依赖http://prefixr.com/ API,因为perfixr被墙,所以这个插件在大陆基本不能用。

autoperfixer 快捷键设置

Preferences -> Key Bindings – User 新增

[
{ “keys”: [“ctrl+alt+shift+p”], “command”: “autoprefixer” }
]

keys这个快捷的值可以根据自己的喜好修改。

 

sublime text2的快捷键

也很多,比较有用的是:

ctrl+enter(移到光标的下一行).ctrl+shift+enter(移到光标的上一行).ctrl+shift+d复制当前鼠标所在行的代码。ctrl+/注释当前块的代码。ctrl+shift+/注释选中的所有代码。

ctrl+p 直接输入文件名可以立刻打开它

ctrl+P 输入 @ 可以列出当前文件的function方便跳转到对应的function
或ctrl+r,他会自动输入@

ctrl+p 输入 : 可以转到对应的行
或ctrl+g,它会自动输入:

ctrl+p 输入 # 在当前文件中快速搜索内容

ctrl+alt+上下方向键 可以在多行同时出现光标,进行多行编辑
也可以用ctrl+鼠标点击
ctrl+鼠标拖选 可以选择多行的不同部分

ctrl+/ 行注释,取消注释(含块注释)
ctrl+shift+/ 块注释

ctrl+j 当前行和下一行合并为一行

ctrl + L:选择行。重复按下可以增加选择下一行

ctrl + D:选择词。重复按下可以增加选择下一相同的词

Ctrl+KK: 从光标处删除至行尾

Ctrl+Shift+K: 删除整行

ctrl + shift + D:复制光标所在整行,插入在该行之前

ctrl + shift + D:复制光标所在整行,插入在该行之前

ctrl + Return:在当前行后插入新行

ctrl + Shift + Return:在当前行前插入新行

ctrl + M:跳转到对应的括号

ctrl + Shift + M:选中当前括号内的内容,重复按下可增加选择括号本身

ctrl + Shift + J:选中当前缩进级别下的所有代码

ctrl + Shift + 上下方向键:调换当前行位置

ctrl + x : 删除当前行代码(剪切)

其他内容还在使用中,将在后期更新这篇文章,算是自己的一个记录。

ps,wordpress主题定制工作室最近仿了微信的一个界面,欢迎围观

 


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流