--- url: /notes/开发环境/VsCode配置/index.md --- ## 官方下载地址 https://code.visualstudio.com/ ![image-20220222103018273](https://note-1259190304.cos.ap-chengdu.myqcloud.com/note/202202221030368.png) ## 放大缩小视图 `ctrl + + 和ctrl + -` ![image-20220222103147842](https://note-1259190304.cos.ap-chengdu.myqcloud.com/note/202202221033026.png) 当光标点击到某一行时，默认选中全行，可以直接复制剪切 ## 文件每次以新窗口打开 文件每次以新窗口打开 ![image-20220222103428862](https://note-1259190304.cos.ap-chengdu.myqcloud.com/note/202202221034685.png) ## vscode插件 | **插件** | **作用** | | ------------------------------------------------------------ | :----------------------------------------------------------- | | chinese (simplified) language pack for vs code | 中文（简体）语言包 | | open in browser | 右击选择浏览器打开html文件 | | css peek | 追踪至样式 | | `Live Server view in brower` | `浏览器自更新代码显示` | | `indent-rainbow` | 缩进 | | rainbow brackets | 配对括号 | | prettier-code formatter | css | | Bracket Pair Colorizer | 括号配对 | | Path Intellisense | 自动完成文件名、文件路径 | | Material Icon Theme vscode-icons | 文件图标 | | Auto import | 自动导包 | | ESLint | 自动监测不符合规范的代码 | | HTML CSS Support | 让HTML标签上写class智能提示当前项目所支持的样式 | | IntelliSense for class names in HTML | 代码自动补全 | | JavaScript(ES6) code Snippets | ES6代码补全 | | Jquery Code Snippets | Jquery代码补全 | | Markdown Preview Enhanced | markdown支持 | | Output Colorizer | 代码颜色标注 | | Error Lens | 代码检查（错误、警告、语法问题）进行突出显示 | | Duplicate action | 快速复制并创建文件、文件夹 **鼠标右键选择文件，点击“Duplicate file”；点击F1键，选择“Duplicate file”；** | | Git History | 查看 git 和文件历史记录 | | [**settings sync**](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync) | 同步所有设置和插件 | | [**Git Graph**](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph) | Git 图形化显示和操作 | | [**CodeStream: GitHub, GitLab, Bitbucket PRs and Code Review**](https://marketplace.visualstudio.com/items?itemName=KnisterPeter.vscode-github) | 团队协作开发，评审，讨论 | | [**Oracle Developer Tools for VS Code**](https://marketplace.visualstudio.com/items?itemName=Oracle.oracledevtools) | Oracle 数据库支持 | | [**SQL Server (mssql)**](https://marketplace.visualstudio.com/items?itemName=ms-mssql.mssql) | Microsoft [SQL Server](https://cloud.tencent.com/product/sqlserver?from=10680) 数据库支持 | | [**MySQL**](https://marketplace.visualstudio.com/items?itemName=cweijan.vscode-mysql-client2) | 支持 MySQL/MariaDB, Microsoft SQL Server, PostgreSQL, [Redis](https://cloud.tencent.com/product/crs?from=10680), and ElasticSearch | | [**MongoDB for VS Code**](https://marketplace.visualstudio.com/items?itemName=mongodb.mongodb-vscode) | MongoDB 数据库支持 | | [**Image Preview**](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview) | 预览图片 | | [**EditorConfig for VS Code**](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) | 代码风格统一 | | [**change-case**](https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case) | 更改命名风格 | | [**Codelf**](https://marketplace.visualstudio.com/items?itemName=unbug.codelf) | 给变量起名的神器 | | [**Regex Previewer**](https://marketplace.visualstudio.com/items?itemName=chrmarti.regex) | 预览正则表达式效果 | | [**LeetCode**](https://marketplace.visualstudio.com/items?itemName=LeetCode.vscode-leetcode) | 刷题利器 | | [**daily anime**](https://marketplace.visualstudio.com/items?itemName=deepred.daily-anime) | 追番神器 | | Add jsdoc comments | js函数注释 按F1或ctrl+shift+p 输入/\*\* | | A-super-comprehensive | 代码补全合集(vue-webpack-bootstrap-node-mui-html-js-jquery-php-css-react-native) | | Extension Pack for Java Spring Boot Extension Pack | Java,Spring boot运行环境 https://www.php.cn/tool/vscode/468155.html |