插件扩展

这里包含了所有我使用的插件

通用插件

WakaTime

记录编码时间，可以比较准确地知道你一天都在哪些项目中工作了多长时间。

Error Lens

在编辑器中显示当前行的错误信息

Better Comments

提供 TODO 注释的高亮，支持自定义配置

Code Runner

提供多种编程语言的快速启动功能

Docker

提供 docker 语法提示和构建功能

Dyno File Utils

快速创建文件

Git History

可视化 git 时间线工具

GitLens — Git supercharged

vscode 中最好的 git 插件

Project Manager

提供项目管理功能

REST Client

提供 restful 接口测试功能

Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more

智能代码提示

前端开发

Live Server

快速启动一个服务预览 html

Auto Rename Tag

提供同步修改对应标签的功能

DotENV

.env 文件高亮

Element UI Snippets

Element UI 代码片段

ESLint

Prettier - Code formatter

Tailwind CSS IntelliSense

提供 Tailwind CSS 的代码提示

vue2 插件

开发 vue2 时，需要 Vetur 提供语法高亮和代码提示

vue3 插件

在使用 vue3 时，需要安装 volar 提供对 script setup 的语法高亮和代码提示

对应的插件有：

• 基础包 Vue Language Features (Volar)

  https://marketplace.visualstudio.com/items?itemName=Vue.volarhttps://marketplace.visualstudio.com/items?itemName=Vue.volar

• 对 ts 的扩展 TypeScript Vue Plugin (Volar)

  https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-pluginhttps://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin

React 插件

ES7+ React/Redux/React-Native snippets 提供 react 代码片段

JavaScript (ES6) code snippets

可以根据对应的简写方式快速生成 es6 代码片段

vscode-styled-components

提供 styled-components 语法高亮和提示

svg

提供 svg 预览和编辑功能

Image preview

在侧边栏预览当前引入的图片

Import Cost

查看当前引入 npm 包的大小

i18n Ally

提供对 i18 的预览

Turbo Console Log

使用快捷键ctrl options ls打印选中的值

服务器扩展

有时我们需要连接服务器进行一些操作。我们可以下载对应的插件来直接操作服务器资源。下面的插件包含了 ftp 和 ssh 功能，可以直接连接服务器进行连接和文件上传。

Remote - SSH

Remote - SSH: Editing Configuration Files

Remote Explorer

SFTP