WebStorm使用相关

常用快捷键

NumPad 是指数字键
如:
NumPad +是指数字键那里的+
NumPad -是指数字键那里的-

• 书签添加/删除: F11
• 查看所有书签: Shift + F11
• 删除行 Ctrl+X
• 复制行 Ctrl+D
• 格式化代码: ctrl+alt+L
• 查找类 Ctrl+N
• 查找文件 Ctrl+Shift+N
• 从多个文件查找，可以自定义查找范围 Ctrl+Shift+F
• 查找函数或变量在哪被使用 Alt+F7
• 类，文件，配置项，快捷键，函数，路径等等都能搜索 Shift+Shift
• 全局展开/折叠 ctrl+shift+ +/-
• 展开/折叠当前所在代码块: ctrl + alt + +/-
• 折叠选中的代码的代码 ctrl + ‘.’
• 行移动,上下移动句子 ctrl+shift+ up/down
• 导入包,自动修正 Alt+回车
• 优化导入的类和包 Ctrl+Alt+O
• 自动补全代码 Ctrl+Shift+Space
• 方法参数提示 Ctrl+P
• 查找类中的方法或变量 Ctrl+Shift+Alt+N
• 重构-重命名 Shift+F6
• 最近打开的文件 ctrl + E
• 显示注释文档 Ctrl+Q
• 显示类结构图 Ctrl+H
• 查找代码所在位置(在资源浏览器中显示/在左侧面板显示) Alt+F1
• 快速打开或隐藏工程面板 Alt+1
• 快速打开或隐藏Favorites面板 Alt+2
• 快速打开或隐藏Find面板 Alt+3
• 返回至上次浏览的位置 Ctrl+Alt+ left/right
• 切换代码视图 Alt+ left/right
• 高亮错误或警告快速定位 F2 或Shift+F2
• 可以显示当前文件的结构 ctrl + F12
• 跳到变量申明处 ctrl + b
• 匹配 {}[]: ctrl + ] 或 [
• 选中块代码: ctrl + shift + ]或[
• 显示当前CSS选择器或者JS函数的详细信息 ctrl + shift + i

WebStorm 配置 stylelint

npm i -D stylelint stylelint-config-prettier stylelint-config-recess-order stylelint-config-standard stylelint-order stylelint-scss

创建 .stylelintrc.js

<