Visual Studio Code电脑端

Visual Studio Code(简称VS Code)是微软研发的一款免费、开源的跨平台文本编辑器，原生支持JavaScript、TypeScript与Node.js生态，同时通过扩展生态兼容C++、Python、Java等语言及.NET、Unity等运行时，开发者可借助调试功能设置断点、单步执行前端代码，利用多目标调试同时处理前后端逻辑，和同类编辑器不同，VS Code通过SSH连接远程服务器，编辑本地文件时可瞬间同步至开发机，免去上传下载步骤，更像一款轻量级终端模拟工具。

Visual Studio Code如何设置中文

1、首先在本站下载解压，拿到VS Code绿色版安装包，双击运行Code.exe程序便可打开编辑器。

2、打开后看到默认是英文界面，按下Ctrl+Shift+P组合键调出设置菜单，在下拉列表里点选Configure Display Language一项。

3、接着再点选Install additional languages。

4、在弹出窗口中找到Chinese Simplified 中文简体，点击语言下方的绿色Install按钮进行安装。

5、安装完毕后右下角会弹出一个提示框，点击按钮后编辑器会自动重启，再次出现时界面就已经变成简体中文了。

Visual Studio Code插件推荐

1、Auto Close Tag：自动补全并闭合HTML和XML标签。

2、Auto Rename Tag：修改一侧标签时自动同步修改另一侧对应标签。

3、Beautify：对HTML、JavaScript、CSS代码进行格式化排版。

4、Bracket Pair Colorizer：为括号添加不同颜色以便区分各个代码区块。

5、Debugger for Chrome：把VS Code上的断点映射到Chrome浏览器上方便调试。

6、ESLint：检查JavaScript语法错误并允许自定义配置。

7、GitLens：方便查看Git版本日志。

8、HTML CSS Support：智能提示CSS类名以及ID名称。

9、HTML Snippets：智能提示HTML标签及其含义。

10、JavaScript ES6 code snippets：智能提示ES6语法并支持快速输入。

11、jQuery Code Snippets：智能提示jQuery代码。

12、Material Icon Theme：替换VS Code的图标主题样式。

13、React Redux react-router Snippets：智能提示React、Redux和react-router语法。

14、Vetur：为Vue框架提供错误提示等多功能集成。

15、Class autocomplete for HTML：在HTML的class属性中智能提示类名。

Visual Studio Code使用教程

1、根据当前上下文访问所有可用命令的方法是按下Ctrl Shift P组合键。

2、所有命令都在命令面板中并配有对应的快捷键绑定，若忘记快捷键可打开命令面板来查找。

3、快速开启时输入问号可查看命令建议，比如输入edt或term后加空格便会显示下拉列表。

4、更换主题的快捷键是Ctrl K加Ctrl T，也可以从VS Code扩展商店里安装更多主题。

5、自定义键盘快捷键的快捷键是Ctrl K加Ctrl S，你可以在keybindings.json文件中搜索快捷方式并添加自己的按键设定。

Visual Studio Code特色

1、一个编辑器就能完成从代码编写到云上部署的整个流程。内置与Azure和GitHub相互配合的扩展组件，可以在同一个地方进行开发、调试和发布。包括本地模拟器和扩展工具，能够直接从编辑器生成、运行和调试云应用。可以导入并管理本地或远程数据库的数据，支持Azure Cosmos DB、MongoDB等。配有Azure Pipelines的引导式工作流，用来创建和配置持续集成。几乎兼容所有语言和应用类型，涵盖静态网页应用、无服务器Azure Functions以及Kubernetes集群。

2、在本地就能开发云应用，无需提前部署到云端。在本地创建、运行和调试云项目可以快速做出原型。先测试新功能在云中是否正常运行，再决定是否部署，从而控制成本。Azure扩展包中包含Azure存储、Azure Cosmos DB和Azure Functions的模拟器。

3、配置自动化部署到云端。通过部署到Azure扩展，配合GitHub Actions或Azure Pipelines，可以建立从代码到云的持续集成和持续交付流程。利用扩展内置的自动化工作流，轻松为Azure应用服务、Azure Functions或Azure Kubernetes Service创建CI/CD管道。

4、添加和管理数据库内容。凭借内置的MongoDB支持和IntelliSense智能提示，可以轻松管理应用的数据。连接到本地或远程的MongoDB服务器，管理数据库、集合和文档，也可以把这些数据放到Azure Cosmos DB的免费云层中托管。

5、轻松实现多人协作。不管对方是同处一室的队友还是遍布世界的社区开发者，都无需改变原有的工作方式。把拉取请求直接引入编辑器，借助GitHub拉取请求扩展获得完整的编辑和调试支持。或者使用Live Share扩展包进行实时协作，共同编辑、调试和分享应用，用于结对编程或代码审查。

6、容器相关功能。利用Docker扩展来生成、管理和部署容器化应用。从现有代码仓库生成docker文件，并在VS Code内部管理容器、镜像和注册表。

7、Kubernetes相关功能。使用Kubernetes扩展获得完整集成的Kubernetes操作体验。把容器化应用部署到本地或云上托管的Kubernetes集群，并在VS Code中调试正在运行的应用。

8、前端网页开发。借助适用于Microsoft Edge的调试器，把JavaScript调试功能扩展到前端开发领域。设置断点并逐句执行前端JavaScript代码，快速定位问题。使用多目标调试功能同时调试前端和后端代码。

9、支持的操作系统包括Windows 7、Windows 8和Windows 10。

更新日志

1、该版本重点改进了代理交互流程，增强了可观测性，并提升了信任与安全控制的效率。代理与浏览器之间的交互：让代理能够发现并请求集成浏览器的访问权限。优化令牌使用策略：采用轻量级模型来管理代理的任务列表。OpenTelemetry追踪：利用OpenTelemetry监控代理的会话过程。信任与开发者效率：减少因网络访问请求或临时文件夹写入请求而造成的操作中断。Markdown预览：可以在Markdown源代码和预览视图之间快速切换。