VS Code 程序猿 必装的高效开发插件

2023-10-11 18:10

本文主要是介绍VS Code 程序猿 必装的高效开发插件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

高效开发

      • 文件图标
      • 黑暗主题
      • 代码检查工具
      • 代码美化
      • CSS 类名智能提示
      • 代码拼写检查
      • 模块区分
      • 内嵌cmd终端
      • 路径提示
      • ES6 语法智能提示
      • Vue 多功能集成插件
      • 智能提示
      • Git专用

文件图标

插件名称:vscode-icons

vscode-icons 可以实现对各类文件类型的文件前的图标进行优化显示,我们在查看长文件列表的时候,可以直接通过文件的图标就可以快速知道文件的类型,而不用再去看文件的后缀名了
在这里插入图片描述

黑暗主题

插件名称:One Dark Pro

可以一键将VS Code编辑器颜色调为暗色,开发更舒服
在这里插入图片描述

代码检查工具

插件名称:ESLint

ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码

VSCode 中的 ESLint 插件就直接将 ESLint 的功能集成,安装后即可使用ESLint语法,对于代码格式与规范的细节可以自定义标准,一个团队可以共享同一个配置文件,所有人写出的代码就可以使用同一个代码规范,在代码打包前就可以自动完成自己的代码规范检查
在这里插入图片描述

代码美化

插件名称:Beautify

Beautify插件可以快速格式化代码,让你在编写代码时杂乱无章的代码结构瞬间变得非常规整,代码强迫症必备,较好的代码格式在后期维护以及他人阅读时都会有很多的便利
在这里插入图片描述

CSS 类名智能提示

插件名称:IntelliSense for CSS class names in HTML

IntelliSense for CSS class names in HTML 插件,可以在 HTML 中需要调用 CSS 类名的地方,此插件会智能地给你已定义 CSS 类名的提示

在这里插入图片描述

代码拼写检查

插件名称:Code Spell Checker

此插件安装后就不用管就好了,在你代码中有单词拼写错误时,插件可以给出错误拼写单词的建议
在这里插入图片描述

模块区分

插件名称:Bracket Pair Colorizer

友好的给括号加上不同的颜色,便于区分不同的区块,使用者还可以定义括号类型和颜色

在这里插入图片描述

内嵌cmd终端

插件名称:Terminal

编辑器中内嵌一个似 cmd 终端程序,直接在编辑器中运行终端命令

在这里插入图片描述

路径提示

插件名称:Path Intellisense

插件自动提示文件路径,支持各种文件无脑快速引入
在这里插入图片描述

ES6 语法智能提示

插件名称:JavaScript(ES6) code snippets

ES6 语法智能提示及快速输入,不仅仅支持 .js,还支持.ts,.jsx,.tsx,.html,.vue
在这里插入图片描述

Vue 多功能集成插件

插件名称:Vetur

语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode 官方钦定 Vue 插件,Vue开发者必备

在这里插入图片描述

智能提示

插件名称:Npm Intellisense

npm 装包后,require 时的包智能提示,import 语句中自动填充 npm 模块
在这里插入图片描述

Git专用

插件名称:GitLens

快捷方便查看 Git 日志,高频使用 Git 者必备 使用链接
在这里插入图片描述

这篇关于VS Code 程序猿 必装的高效开发插件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/189898

相关文章

基于Go语言开发一个 IP 归属地查询接口工具

《基于Go语言开发一个IP归属地查询接口工具》在日常开发中,IP地址归属地查询是一个常见需求,本文将带大家使用Go语言快速开发一个IP归属地查询接口服务,有需要的小伙伴可以了解下... 目录功能目标技术栈项目结构核心代码(main.go)使用方法扩展功能总结在日常开发中,IP 地址归属地查询是一个常见需求:

基于 Cursor 开发 Spring Boot 项目详细攻略

《基于Cursor开发SpringBoot项目详细攻略》Cursor是集成GPT4、Claude3.5等LLM的VSCode类AI编程工具,支持SpringBoot项目开发全流程,涵盖环境配... 目录cursor是什么?基于 Cursor 开发 Spring Boot 项目完整指南1. 环境准备2. 创建

python获取指定名字的程序的文件路径的两种方法

《python获取指定名字的程序的文件路径的两种方法》本文主要介绍了python获取指定名字的程序的文件路径的两种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 最近在做项目,需要用到给定一个程序名字就可以自动获取到这个程序在Windows系统下的绝对路径,以下

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

SpringBoot 多环境开发实战(从配置、管理与控制)

《SpringBoot多环境开发实战(从配置、管理与控制)》本文详解SpringBoot多环境配置,涵盖单文件YAML、多文件模式、MavenProfile分组及激活策略,通过优先级控制灵活切换环境... 目录一、多环境开发基础(单文件 YAML 版)(一)配置原理与优势(二)实操示例二、多环境开发多文件版

使用docker搭建嵌入式Linux开发环境

《使用docker搭建嵌入式Linux开发环境》本文主要介绍了使用docker搭建嵌入式Linux开发环境,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录1、前言2、安装docker3、编写容器管理脚本4、创建容器1、前言在日常开发全志、rk等不同

RabbitMQ 延时队列插件安装与使用示例详解(基于 Delayed Message Plugin)

《RabbitMQ延时队列插件安装与使用示例详解(基于DelayedMessagePlugin)》本文详解RabbitMQ通过安装rabbitmq_delayed_message_exchan... 目录 一、什么是 RabbitMQ 延时队列? 二、安装前准备✅ RabbitMQ 环境要求 三、安装延时队

Redis实现高效内存管理的示例代码

《Redis实现高效内存管理的示例代码》Redis内存管理是其核心功能之一,为了高效地利用内存,Redis采用了多种技术和策略,如优化的数据结构、内存分配策略、内存回收、数据压缩等,下面就来详细的介绍... 目录1. 内存分配策略jemalloc 的使用2. 数据压缩和编码ziplist示例代码3. 优化的

Python实战之SEO优化自动化工具开发指南

《Python实战之SEO优化自动化工具开发指南》在数字化营销时代,搜索引擎优化(SEO)已成为网站获取流量的重要手段,本文将带您使用Python开发一套完整的SEO自动化工具,需要的可以了解下... 目录前言项目概述技术栈选择核心模块实现1. 关键词研究模块2. 网站技术seo检测模块3. 内容优化分析模

解决Nginx启动报错Job for nginx.service failed because the control process exited with error code问题

《解决Nginx启动报错Jobfornginx.servicefailedbecausethecontrolprocessexitedwitherrorcode问题》Nginx启... 目录一、报错如下二、解决原因三、解决方式总结一、报错如下Job for nginx.service failed bec