VS Code配置前端开发环境

VS Code配置前端开发环境

VS Code(Visual Studio Code)是微软开发的免费开源代码编辑器，其支持丰富的扩展生态，覆盖几乎所有编程语言和技术栈

安装基础软件

具体安装详情可以参见我之前的随笔

1.安装Node.js

在Windows环境下安装Node.js - 柯南。道尔 - 博客园

2.VS Code

Visual Studio Code(VS Code)的安装与使用 - 柯南。道尔 - 博客园

安装必要扩展

打开VS Code，点击侧边栏的扩展按钮，或者使用快捷键Ctrl+Shift+X打开扩展面板，搜索对应扩展并安装

扩展名称	作用
ESLint	它会把ESLint集成进VS Code，在你编写JavaScript/TypeScript时实时提示违反规则的代码，比如未使用变量、不符合团队规范的写法、部分潜在错误等。
Prettier - Code formatter	它是代码格式化工具，例如统一缩进、换行、引号、分号和一行代码长度等。它支持JavaScript、TypeScript、JSON、CSS、HTML、Vue、Markdown等多种文件类型。
Vue (Official)	这是Vue官方推荐的VS Code扩展，原名Volar，提供.vue文件语法高亮、代码补全、TypeScript支持、模版表达式和组件Props的智能提示等能力。