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 + J
2. 在文件夹打开 VSCode
powershell
code .