Webstorm使用技巧(持续更新)

参考：https://www.cnblogs.com/rudong/p/7889141.html

• webstorm配置@为src目录：设置 => 搜索webpack => 导入node_modules@vue\cli-service\webpack.config.js
• 跳转到上一次浏览地方：ctrl + alt + ←

• 设置vue文件默认内容：

  
  image.png

• 设置TS格式化后加分号：

  
  image.png
• vue组件要想实现自动导入的话，必须有 js 代码块才行
• Alt+ Up/Down 在方法间快速移动定位
• 多行包裹： 两下shift => Surround with Emmet => li*(每一行都用li包裹) / li(一个li包裹所有)

• typescript 错误不提示：换着选选

  
  image.png

• 搜索目录排除：
  

  右键 => image.png

• 查看变量的使用

  
  image.png
• 自动补全代码，比如 if(a>0)，这时使用此快捷键，会自动帮你添加花括号
  image.png

• 代码格式化后空格设置

  
  image.png
• shift+enter:快速开始一行，无论光标在哪
  Ctrl + Delete Delete to word end 删除文字结束
  Ctrl + Backspace Delete to word start 删除文字开始
• 如果一个文件太长

shift+shift => wrap(软换行)

• 跳转至函数定义：ctrl + B

• 在上一次commti后的前提下，撤销一系列操作，可以使用 roll back

• 鼠标中键：跳转至定义

• 添加模板语法：$END$表示光标移动到这
  

  image.png

• webstorm识别不了element-ui组件，属性无法提示：手动添加，其他类似

  
  image.png