快捷键

搜索文件名
ctrl alt N

前进后退
ctrl alt 左右箭头

折叠区域
ctrl +
ctrl -

格式化文件
ctrl alt L

跳转到匹配括号

ctrl [
ctrl ]
ctrl shift M

移动光标到块
alt 上下

上下移动块
ctrl shift 上下

上下移动行
alt shift 上下

多行编辑
在 Settings | Keymap 设置 Clone Caret Above 和 Clone Caret Below 的快捷键,
比如Ctrl + Shift + 上 和 Ctrl + Shift + 下
https://www.zhihu.com/question/47921049

redo
ctrl shift z
注意别的编辑器通用的 ctrl y, 在webstorm是删除行, emmm… 建议自行改掉…

Vue项目

Working with Vue.js in WebStorm https://blog.jetbrains.com/webstorm/2018/01/working-with-vue-js-in-webstorm/

vue中的jsx支持
https://www.zhihu.com/question/63705550

1、Javascript version为 ReactJSX (如果没有,就JSX Harmony)
2、HTML 类型文件中增加 vue

方法如下:
1、preferences -> Editor -> File Types 中找到上边框中HTML 在下边加一个 *.vue
2、preferences -> Languages & Frameworks -> JavaScript 中 Javascript version为 ReactJSX (如果没有,就JSX Harmony)

或者 注明类型:

  1. <script type="text/jsx">

识别webpack alias路径

项目目录\node_modules@vue\cli-service\webpack.config.js

gitlens

有个类似的插件: GitToolBox

NPM tool window

image.png
如果没有显示, 通过 右键package.json -> Show npm Scripts 唤出