VS code 常用的插件和快捷键

vs code 常用的快捷键

• shift + alt + f ：格式化代码
• Ctrl+.(这个.为tab上的那个键)：打开终端
• ctrl+shift+k (Cmd+shift+k) 删除当前代码行；
• ctrl+x/c/v (Cmd+x/c/v) 剪切/复制/粘贴当前代码行；
• ctrl+enter/ctrl+shift+enter(Cmd+enter/Cmd+shift+enter) 在当前行的下面或者上面开始一段新的代码；
• Alt+上下方向键(Option+上下方向键) 上下移动当前行。如果同时按住 shift，则是上下复制当前行；
• Alt+shift+f(Option+shift+f) 对整个文档进行格式化(插件也可以);
• ctrl+shift+p —— 转置游标处的字符(ctrl+t) 调换字符位置;
• ctrl+shift+p —— 转换为大写/小写 调整字符大小写；
• ctrl+shift+p —— 合并行(ctrl+j) 合并代码行;
• ctrl+shift+p —— 按升/降序排列行;
• ctrl+u(cmd+u)撤销光标的移动和选择;
• Ctrl+z ：撤销
• Ctrl+shift+z & Ctrl+y：反撤销

小技巧
(1).批量重命名:选中变量/方法名,按 f2，编辑新名字。所有相关的实例名字都会被修改

友情链接：玩转VS Code

vs code 常用的插件

• vue 相关的插件
• Vue 2 Snippets：vue 代码提示
• LIve Server：让文件以http 的形式在浏览器打开
• power model：让你敲的代码更酷炫
  • 需要配置：
  • “powermode.enabled”: true,
  • “powermode.enableShake”: false这句话可以把震动去掉。
  • 参考连接
• Vetur
  • 格式化 .vue template
    
• 配置项目按eslint规范格式化代码
  1. vscode 下载ESlint, Prettiter, Vetur插件
  2. 打开设置

//每次保存的时候将代码按eslint格式进行修复
"eslint.autoFixOnSave": true,
//添加vue支持
"eslint.validate": [
	"javascript",
	"javascriptreact",
	{
		"language": "vue",
		"autofix": true	
	}
]