唯品秀前端博客

说到前端开发神器相信你一定听说过sublime,没错今天我给大家分享的就是自己在开发中使用sublime的一些心得吧,不,也谈不上心得,算是技巧;首先我给大家先分享分享我在开发中常使用的快捷键,我能肯定你知道了绝逼是能用键盘就不去用鼠标。

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
Ctrl+D : 选择单词,重复可增加选择下一个相同的单词
    Ctrl+F : 查找内容
    Ctrl+G : 跳转到指定行
    Ctrl+H : 替换    
    Ctrl+J : 合并行(已选择需要合并的多行时)
    Ctrl+K0 : 展开所有
    Ctrl+K+T : 折叠属性
    Ctrl+K+B : 开启/关闭侧边栏
    Ctrl+K+K : 从光标处删除至行尾
    Ctrl+K+Backspace : 从光标处删除至行首
    Ctrl+K+L : 改为小写
    Ctrl+K+U : 改为大写
    Ctrl+L : 选择整行,重复可依次增加选择下一行
    Ctrl+M : 跳转到对应括号
    Ctrl+N : 新建窗口
    Ctrl+P : 搜索项目中的文件
    Ctrl+R : 搜索指定文件的函数标签
    Ctrl+T : 词互换
    Ctrl+U : 软撤销,撤销光标位置
    Ctrl+W : 关闭当前打开文件
    Ctrl+X : 删除当前行
    Ctrl+Y : 恢复撤销
    Ctrl+Z : 撤销
    Ctrl+/ : 注释当前行
    Ctrl+F2 : 设置/删除标记
    Ctrl+Enter : 插入行后(快速换行)
    Ctrl+Tab : 当前窗口中的标签页切换
    Ctrl+PageDown 、Ctrl+PageUp : 文件按开启的前后顺序切换
    Ctrl+鼠标左键 : 可以同时选择要编辑的多处文本
    Ctrl+Shift+A : 选择当前标签前后,修改标签用的
    Ctrl+Shift+D : 复制光标所在整行,插入在该行之前
    Ctrl+Shift+F : 查找并替换,在文件夹内查找,sublime允许添加多个文件夹进行查找
    Ctrl+Shift+K : 删除整行
    Ctrl+Shift+L : 鼠标选中多行(按下快捷键),即可同时编辑这些行
    Ctrl+Shift+M : 选择括号内的内容(按住-继续选择父括号)    
    Ctrl+Shift+P : 打开命令面板

    Ctrl+Shift+W : 关闭所有打开文件
    Ctrl+Shift+V : 粘贴并格式化
    Ctrl+Shift+/ : 注释已选择内容, 或在当前位置插入块注释,并Focus到首行,写注释说明用的
    Ctrl+Shift+Enter : 在当前行前插入新行
    Ctrl+Shift+: 可以移动此行代码,与上行互换
    Ctrl+Shift+: 可以移动此行代码,与下行互换
    Ctrl+Shift+[ : 折叠代码
    Ctrl+Shift+] : 展开代码
    Ctrl+Shift+分屏序号 : 将当前焦点页分配到分屏序号页

    Shift+F2 : 上一个书签
    Shift+F11 : 全屏免打扰模式,只编辑当前文件
    Shift+鼠标右键(或使用鼠标中键) : 可以用鼠标进行竖向多行选择
    Shift+Tab : 去除缩进

    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屏        
     
    F2 : 下一个书签
    F6 : 检测语法错误    
    F9 : 行排序(按a-z)
    F11 : 全屏模式

    Alt+F3 : 选中文本,按下快捷键,即可一次性选择全部的相同文本进行同时编辑
    Alt+. : 闭合当前标签
    Alt+数字 : 切换打开第N个文件

以上是我总结的sublime快捷键,看起来有些多,实际上真正使用起来用习惯了慢慢就都熟练了,老话说的好,熟能生巧,所以用的多就记得多,也不算是记,就像顺理成章的事,相信我,坚持下去不出一个月基本玩的滚瓜烂熟。

上面咱们说完了快捷键,下面咱们说说插件,大家都知道,一个成熟的东西会有很多人去维护去开拓它,当然sublime就不例外,它有很多插件,就因为插件功能比较多吧,而且也不算太重所以受到很多开发者的青睐,我算一个;下面列出的所有插件都是我在开发中常用的,我是用的比较顺手,所以现在分享出来,可能有些朋友已经用上了,但我相信绝对有你需要的。

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
Emmet   --   Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度

    AutoFileName   --   自动补全文件(目录)

    AlignTab   --  是调整你的代码的插件。它有一个“预览模式”,你可以在它实际应用前,看到对齐是如何应用的(在给定正则表达式符号)


    FileBrowser   --  提供了一种在你的项目目录中浏览文件和文件夹的新方式。

    JavaScript Completions   --  js代码提示插件

    HTML-CSS-JS Prettify    --   html,css,js代码格式化插件

    SideBarEnhancements     --   加强(扩展)侧边栏选项

    ColorPicker  --  调色盘

    Boxy Theme   --  比较好看的一套主题,内部分几种颜色选择

    Terminal   --   终端插件

    a-file-icon   --   能识别文件比现实对应icon图标插件

    DocBlockr  --  注释插件

    jsFormat   --  js格式化插件

    autoprefixer  --  自动补全css内核前缀

    Babel、Css3、bootstrap、less、sass   --   语法高亮

以上就是我在开发中所用到的一些插件,这里我就不讲使用方法,百度都可以查到的

本站所有文章、图片、资源等如无特殊说明或标注,均为来自互联网或者站长原创,版权归原作者所有;仅作为个人学习、研究以及欣赏!如若本站内容侵犯了原著者的合法权益,可联系我们进行处理,邮箱:343049466@qq.com
赞(8) 打赏

上一篇:

下一篇:

相关推荐

0 条评论关于"sublime常用快捷键及插件的推荐与安装"

表情

最新评论

    暂无留言哦~~
谢谢你请我吃鸡腿*^_^*

支付宝扫一扫打赏

微信扫一扫打赏