vscode配置与注意事项

中文设置

https://zhuanlan.zhihu.com/p/263036716

应用搜索输入“Chinese (Simplified) Language Pack for Visual Studio Code”并敲回车键

底部信息窗没有的话

首先使用快捷键ctrl+shift+p，Mac用户使shift+command+p，然后输入settings.json

将下面的选项改为true

"workbench.statusBar.visible": true

组件：在VS Code中开发React常用插件_js jsx snippets-CSDN博客

1、VScode 路径自动补全插件： Path Autocomplete、Path Intellisense

可实现@查找

2、vscode-icons

功能：文件类型图标 文件夹\文件图标

3、Auto Rename Tag   html标签成对更改命名

4、JS JSX Snippets 代码段补全 Simple React Snippets   原生代码不全

5、code runner 调试代码段

6、Eslint 代码格式校验

1. Ayu：主题相关
2. Git Blame

1. Git Graph：查看git日志

1. Git History：分支对比

1. JavaScript (ES6) code snippets：代码片段提示

1. 格式化代码\检查代码：Prettier和ESLint

1. Todo Tree：写TODO

1. 代码片段生成：snippet generator (snippet-generator.app)

第三步：去网站生成代码片段，粘到文件里

1. Error Lens：错误检查

1. Git Lens：代码对比