Visual Studio Code

一、简介

VSCode (Visual Studio Code) (opens new window) 是一个轻量级功能强大的源代码编辑器，支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。适用于 Windows、macOS 和 Linux。它内置了对 JavaScript、TypeScript 和 Node.js 的支持，并为其他语言和运行时（如 C++、C#、Java、Python、PHP、Go、.NET）提供了丰富的扩展生态系统。为了不影响读者的沉浸式阅读学习，如需使用目录请在左侧使用即可。

二、下载安装

官方文档 (opens new window)

Microsoft Visual Studio Code 中文手册 (opens new window)

svn 下载： VSCodeUserSetup-x64-1.63.2.exe (opens new window)

三、插件

插件名称	功能描述
项目推荐 Chiness(Simplifield) (opens new window)	VSCode 汉化
项目推荐 Vuter (opens new window)	vue 文件高亮
项目推荐 SVN (opens new window)	svn 插件
项目必备 ESLint (opens new window)	代码规范检查工具，自动提示报错
项目推荐 Prettier ESLint (opens new window)	根据 ESLint 规则格式化代码
项目推荐 Auto Close Tag (opens new window)	自动补全结束标签
项目推荐 Auto Rename Tag (opens new window)	自动修改结束标签
项目推荐 HTML CSS Support (opens new window)	智能提示 CSS 类名及 ID
项目推荐 JavaScript (ES6) code snippets (opens new window)	ES6 javascript 代码补全
项目推荐 Path Intellisense (opens new window)	文件路径自动补全
项目推荐 Error Lens (opens new window)	突出显示代码错误、警告
个人习惯 GitHub Theme (opens new window)	Github 黑白两款主题
个人习惯 Turbo Console Log (opens new window)	快速添加 console.log 信息，js debug 建议
个人习惯 css-auto-prefix (opens new window)	CSS 自动添加浏览器内核前缀
个人习惯 CSS Peek (opens new window)	查看 CSS 定义
个人习惯 Git Graph (opens new window)	Git 图形化显示和操作
个人习惯 Markdown Preview Enhanced (opens new window)	在 VSCode 里编写 Markdown，支持预览
个人习惯 Image Preview (opens new window)	行号前显示图片预览
个人习惯 Codelf (opens new window)	变量命名神器
个人习惯 Live Server (opens new window)	静态网页实时编译
个人习惯 todo tree (opens new window)	待办事项

四、SVN 插件无法使用问题

4.1 通过配置路径修复

4.2 通过重新安装 TortoiseSVN 修复

重新安装TortoiseSVN,并勾选上command line client tools选项

五、快捷键