个人编写代码规范与快捷键

代码规范是一个逐步的过程,快捷键也是
下文是本人逐步积累的过程(不断地更新与修改)

一、webstorm

ctrl+F:在文件内快速查找代码
ctrl+D:复制当前行
ctrl+alt+L:格式化代码
shift+tab:减少缩进(可以在代码中减少行缩进)
shift:扩大缩进(可以在代码中减少行缩进)
shift+enter:重新开始一行(无论光标在哪个位置)
ctrl+R:在文件内快速替代代码
ctrl+shift+Z:反撤销
tab:快速生成代码
ctrl+/:快速注释本行
ctrl+shift+/:快速注释本块
alt+鼠标左击:多点编辑(列)
shift+alt+Insert:多点编辑(使用后需要关闭、列)
ctrl+shift+R:强制刷新(用于chrome,不使用用缓存)
ctrl+shift+↑/↓:将该行上下移动
ctrl+Y:删除选定行
> : 子代
* : 个数
+ : 加

在这里插入图片描述
例子:
div.box.box${Box $}*4:生成类名为box和box$且内容为Box $的4个div
缩进2个空格,=号两边个一个空格,冒号一个空格,//一个空格,逗号一个空格
一个标签里面太多属性可以回车分行写
mustache语法2个空格
文件的最后一行需要空出来
绿色已经加入控制暂未提交
红色未加入版本控制
蓝色加入,已提交,有改动
白色加入,已提交,无改动
灰色版本控制已忽略文件。

vue里面的eslint点击
作者:lanc336
来源:https://blog.csdn.net/weixin_41767649/article/details/90115453

同一行的对象需要空两格

{ name: '吉吉国王', age: 25 }

二、vscode

ctrl+F:在文件内快速查找代码
alt+up/down:移动整行
shift + alt +up/down:复制当前行
shift + alt +f:格式化代码
shift+tab:减少缩进(可以在代码中减少行缩进)
shift:扩大缩进(可以在代码中减少行缩进)
ctrl+shift+Z:反撤销
tab:快速生成代码
ctrl+/:快速注释本行
alt+shift+A:快速注释本块
Alt+Shift+鼠标左键,Ctrl+Alt+Down/Up:多点编辑(列)
shift + ctrl + k:删除选定行
alt + z: 自动换行

本文只用于个人学习和记录

  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值