Vue 开发 VSCode 怎么配置?
一、 安装 VSCode
Windows
VSCode 下载页面:https://code.visualstudio.com/download
选择
System Installer-x64
二、 配置插件
| 序号 | VSCode 插件名称 | 介绍 |
|---|---|---|
| 1 | Chinese (Simplified) (简体中文) | 汉化 VSCode |
| 2 | Vue - Official | Vue 官方插件 |
| 3 | prettier | 代码格式化工具 |
| 4 | eslint | 代码校验工具 |
| 5 | GitLens | 查看代码修改历史和修改人 |
| 6 | Auto Rename Tag | 自动重命名标签,提升效率 |
| 7 | Error Lens | 高亮显示错误和警告 |
| 8 | Markdown Preview Enhanced | 增强 Markdown 预览功能 |
| 9 | Live Server | 本地开发服务器,实时预览 |
| 10 | Code Runner | 运行代码片段,支持多种语言 |
三、VSCode 使用技巧
1. 快速打开/隐藏终端
powershell
Ctrl + J2. 在文件夹打开 VSCode
powershell
code .