【vscode】常用配置

VSCode

常用快捷键

！

在 .html 文件中输入!会快速生成标准的 html 文档模板，其中文档模板里面的部分属性可以去设置中自定义

ctrl + shift + k

删除光标所在当前行

shift + alt + 光标选中

可以快速选择不同行上光标相同的位置，例如以下代码中，我想选中所有的 hello，就可以使用该快捷操作

const a = 'hello banana';
const b = 'hello apple';
const c = 'hello orange';

shift + alt + 向上/向下

可以快速复制光标所在当前行到上/下一行

win + v

显示剪贴板历史记录

lorem

可以快速生成一段随机的英文段落，如果想要控制生成的英文单词数量，可以输入lorem5，表示生成 5 个英文单词

插件推荐

• Better Align （更好的垂直对齐方式）
  使用前

  const data = reactive<DataType>({
      sidebarWidth: '250px', // Split 左半部分业务线对象树的宽度。
      isCom: undefined, // 内容区组件。
      comProps: undefined, // 内容区组件的 props。
      comEvents: undefined // 内容区组件的 events。
  });
  

  使用后

  const data = reactive<DataType>({
      sidebarWidth: '250px',   // Split 左半部分业务线对象树的宽度。
      isCom       : undefined, // 内容区组件。
      comProps    : undefined, // 内容区组件的 props。
      comEvents   : undefined  // 内容区组件的 events。
  });
  

• Code Spell Checker（单词拼写检查）
• Outline Map （更好用的大纲地图）
• Pretty TypeScript Errors （使 TypeScript 错误更漂亮且更易读）
• TONGYI Lingma （阿里推出的智能编码辅助工具）
• Indent Rainbow （彩虹缩进，使缩进更具可读性）
• Image Viewer (预览当前项目的所有图片资源)
• koroFileHeader (用于生成头部注释和函数注释的插件)
• Markdown Preview Enhanced (支持 markdown 预览增强的插件)
• Prettier (用于代码格式化)
• ESLint (支持 ESLint)