【个人笔记重点,不作为参考】主题:sublime工具

一、模块

1.删除多余空格

Trailing spaces : ctrl + shift + t (preferences -> keybindings 添加键位)

2.定义变量智能对齐

Alignment : Ctrl+Alt+A (一般'='对齐)


3.JsFormat

JsForma可以自动帮助你格式化JavaScript代码,形成一种通用的格式,比如对压缩、空格、换行的js代码进行整理,使得js代码结构清晰,易于观看。在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F),如果该热键被占用了,可以在Preferences→Key Bindings-User中配置: { "keys": ["ctrl+shift+alt+j"], "command": "js_format","context": [{"key": "selector", "operator": "equal", "operand": "source.js,source.json"}]},

4.Emmet

【个人笔记重点,不作为参考】主题:sublime工具前端开发必备,Write less , show more,使用Tab键触发。安装Emmet后,可以输入少量代码后摁Tab键,系统自动补全代码。

5.typescript

6.AutoFileName

快速列出你想引用的文件夹里面所有文件的名字,比如想引用test/img/1.png。只需要输入/img,该插件就会自动提示/img下面的所有文件名,如图

7.BracketHighlighter

高亮显示[], (), {}, “”, ”, <tag></tag>符号,便于查看起始和结束标记。如图:

8.ColorPicker

调色板,需要输入颜色时,可直接选取颜色。使用快捷键ctrl+shift+c即可打开调色板。需要注意的是,这个快捷键可能会打不开调色板,原因是该快捷键被占用了,最直接的解决办法是直接在Preferences→Key Bindings-User中配置:“{ "keys": ["ctrl+shift+c"], "command": "color_pick"},”

9.sublimeCodeIntel

js智能提示,超级好用


10.

  • AutoFileName:快速输入文件名
  • MarkdownPreview:Markdown浏览器预览以及保持为网页
  • Markdown Editing:良好的展现Markdown文本
  • SideBarEnhancement:让侧栏能够新建、删除文件和文件夹

二、快捷键

1.游标与选取:

    a.shift  +  右键 + 移动鼠标

    b.ctrl + d (选取单词,游标选取             ctrl + k 过渡游标)

    c.Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。

2.全屏

   a. F11:全屏
    b.Shift+F11:全屏免打扰模式,只编辑当前文件

3.注释

    a.Ctrl+Shift+/:当前位置插入注释

4.复制

    a.ctrl + shift + d 复制行

5.替换

   a.ctrl + h

6.搜索

    a.ctrl + p 搜索文件,支持模糊匹配,@可查看css名称,或者js函数名称等。

    b.ctrl + shift + p 打开命令框,可安装插件等。如:Package Controller:Install Package,之后输入安装的名字

7.新建文件

   a.ctrl + N 新建文件

8.粘贴

   a.ctrl + shift + v 格式不乱。

二、移除package

package control:Install package => remove