vscode 插件配置推荐

VSCode汉化包插件 :Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

VSCode汉化包,原始默认是英文的所以我们需要下一个中文插件。

VSCode自动补全标签 :Auto Close Tag

Auto Close Tag 对Html或Xml文件自动创建结束标签;

vscode 插件配置推荐_第1张图片

VSCode 自动同步修改前后标签名插件:Auto Rename Tag

修改前面标签后面跟着修改:
在这里插入图片描述

代码一键运行: Code Runner

CodeGeeX: AI Code AutoComplete, Chat, Auto Comment

代码生产工具

error lens

开发过程中,难免会有一些小疏忽,比如标点中英文,括号缺失等

Live Server

vscode 插件配置推荐_第2张图片

indent-rainbow

此扩展为文本前面的缩进着色,每一步交替使用四种不同的颜色,使代码的缩进更具可读性。
vscode 插件配置推荐_第3张图片

JavaScript Snippet Pack

vscode 插件配置推荐_第4张图片

VScode路径提示插件:Path Intellisense

vscode 插件配置推荐_第5张图片

VS Code中格式化插件:Prettier - Code formatter

vue的格式化插件: Vetur

  1. 可以突出代码(代码加上颜色)vscode 插件配置推荐_第6张图片
  2. 可以提高项目的开发效率(有代码提示效果)
    vscode 插件配置推荐_第7张图片
    3.可以格式化代码
    4.会把代码中的单引号(’ ')全部转换为双引号(" ") 也会在每一行后面添加分号(;)

Vue VSCode Snippets

生成Vue模板代码使用大全
vscode 插件配置推荐_第8张图片

你可能感兴趣的:(vscode,ide,编辑器)