webstorm知识

开水没有冬天

已于 2024-02-26 17:59:13 修改

阅读量415

点赞数 1

CC 4.0 BY-SA版权

分类专栏：编辑器文章标签： webstorm

于 2018-12-07 18:56:01 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_42995876/article/details/84885669

编辑器专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍WebStorm的各种高效开发技巧，包括快捷键使用、配置文件模板、格式化设置、Vue开发快捷键等，帮助开发者提升编码效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

使用webstorm+搜狗输入法的时候，打出来繁体字

WebStorm同时打开多个project ：

安装：
汇总下知识内容

Tab补全

// 1.log
console.log(1)

// 2.if
if (2) {

}
// 3.return
return 3

// 4.let 
let number = 4

// 5.else
if (!5) {

}

快捷键：

ctrl+D：复制当前行
ctrl+左右：跳着移动光标
ctrl+shift+左右：跳选
ctrl+shift+上下：当前行上下移动
ctrl+G：跳转到某一行
ctrl+shift+Z：redo
shift+enter：跳到下一行
alt+enter：补全import的引入

ctrl+tab：切换页签
ctrl+del：跳着删除
crtl+shift+del：返回上一次的光标的位置（找不到光标了）
Ctrl+Alt+L 代码格式化

目录：
ctrl+shift+R：当前目录下查找替换
选中两个文件，ctrl+d，对比文件。

基本操作

1.切换项目
file =>open recent =>
2.关闭当前项目，但是不关闭编辑器
file => close project 然后再重新选择项目
3.选择在当前编辑器打开新项目还是在新建编辑器窗口打开新项目：
file =>settings => appearance&behavior =>systemSettings =>projectOpening => 选择：每次提示；新窗口；当前窗口。

快捷键更改

settings => keymap =>选择自己习惯的编辑器的快捷键使用
redo和undo的操作设置：https://www.ngui.cc/el/1021060.html?action=onClick
在这里插入图片描述

配置文件模板

快捷键模版：
在这里插入图片描述

新建vue文件的模版：
在这里插入图片描述

html注释前半段会有很多空格

WebStrom/IDEA注释有空格；https://blog.youkuaiyun.com/qq_37844454/article/details/112795620

设置格式化的问题

在这里插入图片描述

vue快捷键

<!--vstyle-->
<div :style="{ fontSize: data + 'px' }"></div>

// vwatcher
watch: {
  data (newValue, oldValue) {

  }
},
// vmethod
methods: {
  name () {

  }
},