Skip to content

Vue 开发 VSCode 怎么配置?

一、 安装 VSCode

Windows

  1. VSCode 下载页面:https://code.visualstudio.com/download

  2. 选择 System Installer - x64

二、 配置插件

序号VSCode 插件名称介绍
1Chinese (Simplified) (简体中文)汉化 VSCode
2Vue - OfficialVue 官方插件
3prettier代码格式化工具
4eslint代码校验工具
5GitLens查看代码修改历史和修改人
6Auto Rename Tag自动重命名标签,提升效率
7Error Lens高亮显示错误和警告
8Markdown Preview Enhanced增强 Markdown 预览功能
9Live Server本地开发服务器,实时预览
10Code Runner运行代码片段,支持多种语言

三、VSCode 使用技巧

1. 快速打开/隐藏终端

powershell
Ctrl + J

2. 在文件夹打开 VSCode

powershell
code .