VS Code 安装及常用插件

一、VS Code下载与安装

1、概述

Visual Studio Code简称VS Code，是一款功能强大的代码编辑器，与IDE（集成开发环境）不同，VS Code需要安装平台相应的编译器和语言的扩展。

IDE：是用于提供程序开发环境的应用程序，包括代码编辑器、编译器、调试器和图形用户界面等工具，集成了代码编写、分析、编译和调试等功能。

2、下载与安装

官网 Visual Studio Code - Code Editing. Redefined

安装方式，正常操作即可，无需特殊安装规则 

 

二、常用插件 

1、Live Server

作用：实时预览HTML文件。对应文件右键选择“Open with Live Server”选项，或者使用快捷键Alt+L, Alt+O（如果已设置此快捷键）

2、Chinese (Simplified)

作用：此中文（简体）语言包为 VS Code 提供本地化界面，中文语言包

3、vetur（vue 2开发必备）Vue - Official（原volar；vue 3开发必备）

作用：vetur 或 volar插件是一个专门用于开发 Vue.js 项目。它提供了许多有用的功能，包括语法高亮、代码补全、错误检查、格式化、调试等。

Vue - Official：该版本已经将 VS Code 插件名称由Volar Language Features (Volar) 改为了 Vue - Official，TypeScript Vue Plugin扩展也已经被弃用。下面就来看看该版本都带来了哪些更新。

4、vue简写生成代码片段

5、vscode-icons 设置文件图标主题

6、HTML CSS Support 智能感知css支持