[TOC]

VSCode

1. 扩展安装

以下为项目初始化必须要安装的扩展，若有冲突的扩展项，请当前工作区进行禁用。

1.1 代码规范相关

1. ESLint # Eslint 文件格式化
2. Pretier - Code formatter #md 文件格式化

1.2 开发体验相关

1. Git History
2. Git History Diff
3. vscode-icons #文件显示图标，开发体验优化用到
4. TODO Highlight #TODO 高亮展示
5. Todo Tree #显示待办任务列表
6. SVG #svg 图标文件预览

2. 更多

以下为可选安装配置项

1. json文件查看和编辑默认不支持注释，右下角可切换Select Language Mode，可切换为JSON with Comments。
2. markdown文件导出PDF或者WORD，可安装Markdown Preview Enhanced扩展。

• 官方文档：https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/pdf
• 导出PDF，推荐使用Chrome (Puppeteer)来导出。
  • 操作步骤：https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/pdf
• 导出WORD，推荐使用Pandoc来导出。
  • 环境要求：需要先安装Pandoc应用：https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/pandoc
  • 操作步骤：
    • 1.markdown文件增加front-matter声明：https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/pandoc-pdf
    • 2.markdown文件单击右键，选中Markdown Preview Enhanced，右侧预览文件，单击右键，选中Pandoc

3. 常见问题

1. tsconfig.json 配置文件有警告信息：

Problems loading reference 'https://json.schemastore.org/tsconfig': Unable to load schema from 'https://json.schemastore.org/tsconfig': Request vscode/content failed

原因：

vscode 在加载 tsconfig.json 文件时会向 https://json.schemastore.org/tsconfig 发送请求，由于本机的同源策略安全设置，不允许跨域访问资源，所有会将该请求的响应数据拦截。

解决办法：

在用户设置中，找到 vscode 中的代理服务器配置：Proxy-Authoriazation 配置项，点击在 setting.json 中编辑，然后在 settings.json 中加入该配置字段：

{
    "http.proxyAuthorization": "false"
}

4. 常用快捷键

1. 多行编辑（列编辑模式）

• 鼠标点击，光标移至某个地方；
• option + commond，同时按 ↓ 键，上下移动使得光标覆盖多行即可。