1. 下载
进入官方下载页面,打开浏览器的下载内容管理,找到 VS Code 下载任务,鼠标放在下载链接上并右击,点击复制链接地址。
下载太慢?使用国内镜像
打开新窗口粘贴地址,并将域名改为:vscode.cdn.azure.cn(国内镜像,下载快)
2. 安装
按顺序操作:
- 运行安装包
- 接受许可协议
- 选择安装路径
- 选择开始菜单文件夹
- 创建桌面快捷方式
- 完成安装
3. 配置
VS Code 的配置可通过设置界面或 settings.json 文件进行。
插件配置
其他插件
常用插件推荐:
- Live Server:HTML 开发本地服务器(方便开发效果预览)
- HTML CSS Support:HTML 中的 CSS 类名称提示
- Auto Rename Tag:HTML 成对标签自动修改
- indent-rainbow:HTML 标签匹配高亮显示
- Prettier - Code formatter:代码格式化(细节需要自行配置)
- VSCode Great Icons:一套好看的图标
Markdown 相关:
- Markdown All in One:Markdown 文件编写插件
- markdownlint:Markdown 语法检测插件
- Markdown Preview Enhanced:Markdown 文件效果预览
Vue 相关:
- Vetur:Vue2 插件(和 Volar 只能启用一个)
- Vue Language Features (Volar):Vue3 插件(和 Vetur 只能启用一个)
- TypeScript Vue Plugin (Volar):用于支持在 TS 中 import .vue 文件
其他:
- filesize:文件大小显示
- Git Graph:Git 信息图形显示
- Nested Comments:嵌套注释
- CodeSnap:代码截图工具
- background:编辑器背景图自定义
- VSCode-Element-Helper:Element-UI 代码提示
- NGINX Configuration:Nginx 语法高亮显示
- nginx-format:Nginx 配置文件代码格式化
- naive-ui-helper:Naive-UI 代码提示
- Element Plus:Element-Plus 代码提示(和 VSCode-Element-Helper 只能启用一个)
主题相关:
- Dracula Official
- Monokai Pro
全局配置:
参考配置(熟悉者可自行配置,根据需求取舍)


