webstorm及sublime常用快捷键

*****文字阴影：text-shadow：【x轴（x offset） y轴（Y offst） 模糊半径（Blur） 颜色（color）】

1、sublime常用快捷键：

Ctrl+J =====合并选中的多行代码为一行。举个栗子：将多行格式的CSS属性合并为一行

Alt+F3 ======== 一次性选择全部的相同文本进行同时编辑

Ctrl + L ======== 选中整行，继续操作则选择下一行，

Ctrl+ Shift + L ======== 先选中多行，再按快捷键，会在每行行尾插入光标，即可同时编辑

Ctrl + Shift + D ======== 复制一整行

Ctrl + X ===== Ctrl+Shift+K ======== 删除整行

Ctrl+Z ======== 撤销

Ctrl+Y ======== 恢复撤销

Ctrl+Shift+[ ======== 选中代码，按下快捷键，折叠代码

Ctrl+Shift+] ======== 选中代码，按下快捷键，展开代码

Ctrl+K+B ======== 开启/关闭侧边栏。

Ctrl + 拖动鼠标/点击鼠标 ======= 多行选中，进行编辑*********（等同于webstorm中）Alt + 拖动鼠标/点击鼠标

 

注：sublime虽然是轻量级的编辑器，但是也有弊端就是有些功能你需要自己安装插件，例如快速生成html文本和单位转换

1如果你的编辑器不支持快捷生成html头是因为你没有安装emmet插件，安装方法百度有很多。

2插件cssrem是将px转换rem，在开发移动端页面时的单位换算很好用的，

*下载所依赖的文件，cssrem（网上有很多下载资源)
*打开Sublime Text，进入packages目录：Sublime Text -> Preferences -> Browse Package
*复制下载的cssrem目录到刚才的packges目录里。
*重启Sublime Text。 
*修改默认配置：

在Sublime Text -> Preferences -> Package Settings -> cssrem->Settings-user中设置，输入以下参数配置，可以修改基准数和换算后的小数的多少：

{
    "px_to_rem": 75, //px转rem的单位比例，默认为40
    "max_rem_fraction_length": 6, //px转rem的小数部分的最大长度。默认为6。
    "available_file_types": [".css", ".less", ".sass",".html"]
    //启用此插件的文件类型。默认为：[".css", ".less", ".sass"]
}

 

2、webstorm常用快捷键：

Ctrl+ Shift + F12 ======== 开启/关闭侧边栏。

Ctrl + D ======== 复制一整行

Ctrl + X ===== 删除整行

Ctrl + Alt + L ======== 格式化代码

Ctrl + R ======= 替换文本

Ctrl + 鼠标左键单击 ======= 快速打开光标处的类或方法，（NB的功能）

Alt + 拖动鼠标/点击鼠标 ======= 多行选中，进行编辑