VS Code 前端个人常用扩展分享

news2024/12/23 23:19:57

这里总结一下 VS Code 里自己开发常用的一些扩展,分三类:基础的,进阶的,工作相关的

一、基础类

首先就是代码拼写检查,引入,辅助开发的一些扩展

语言包

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code,开发第一步,自然先按照语言包

Chinese (Simplified) (简体中文) Language Pack for Visual Studio CodeChinese

拼写检查

有很多插件,我常用的是:

Code Spell Checker

这个安装超百万,应该算是比较经典的一款,基本的代码单词和文档都会提示拼写检查,真该让我的后端同事安装一个(虽然他不用 VScode)!

自动引入

引入文件的插件有很多,我这里推荐两款:

Auto Import - ES6 & TS
Auto Import - ES6, TS, JSX, TSX

两款都是在写代码的时候能快捷引入文件和库的,很方便

格式检查

ESLint和Prettier就是基础的,看工作需要吧

二、进阶类

这里介绍一些辅助代码开发进行代码补全和便捷开发类的扩展

代码补全

大名鼎鼎的 GitHub Copilot 还是蛮值得一试

GitHub Copilot 和 GitHub Copilot Chat,当用习惯后还是觉得很方便的,就是每个月的 19 美元,太昂贵,看个人吧,我是试用了一个月觉得很不错。

后来使用了一款国内的代码补全:CodeGeeX

效果也还可以的,只是没有 Copilot 效果好,但是作为基础的代码补全,配合 GPT 使用,效果也不错。

主题颜色类

如果电脑性能一般,建议不要添加很多个性化的主题和输入的样式,比如我曾经用过一款,一输入就会冒出火焰的扩展,很有趣,但是影响输入。

首先主题类的,我不推荐安装,我现在就是直接使用的系统自带的几个主题,来回切换,当然可以通过搜索 theme 来寻找适合自己的,如下,这么多总有适合自己的:
在这里插入图片描述

颜色类,我推荐一款:

Color Highlight

效果如下,很简单能够在代码编辑器里显示颜色,这个功能对于我来说就足够了:
在这里插入图片描述

还有一类颜色相关的扩展,主要提现在 Tag 的颜色上,各种不同的颜色,蛮有意思,比如下面这款,有点马卡龙色系:

Color the tag name

安装效果:

在这里插入图片描述

三、工作相关

这里推荐一些工作中会用到的一些扩展。

Typora——强烈推荐

主要可以查看、编辑markDown文档,设置文件的图标和主题等,还可以导出markdown文件为PDF,很方便快捷!

如果不需要查看markdown文档,而是需要导出的话,推荐Markdown PDF

GitLens——强烈推荐

代码提交历史查看追溯,能够追溯到个人,太方便了,在工作中再也不怕找不到垃圾的生产者啦,也强烈推荐!

以上就是本文推荐的扩展,以后有好用的还会继续更新。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1601648.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

重生奇迹mu恶魔来袭副本

在游戏重生奇迹mu中,恶魔来袭副本是玩家能够组队通过的副本。但是因为手游组队的不方便性,部分玩家对其还是非常苦手。而今天,我们就给大家讲解一下这个游戏的双人通关攻略。 1、挂机找怪手动输出 (1)对于普通剧情副本而言,挂机…

HA-Maleimide-HA马来酰亚胺修饰透明质酸 水凝胶递送药物

HA-Maleimide-HA马来酰亚胺修饰透明质酸 水凝胶递送药物 【中文名称】马来酰亚胺修饰透明质酸 【英文名称】HA-Maleimide 【分 子 量】3k/5k/7k/10k/50k/100k/200k/300k/500k/1000k...... 【结 构 式】 【品 牌】碳水科技(Tanshtech) 【纯 度…

模型微调与迁移学习:实现领域适应性评估

源自:大数据AI人工智能 作者:禅与计算机程序设计艺术 1. 背景介绍 1.1 机器学习的挑战 在机器学习领域,我们通常面临着许多挑战,如数据量不足、数据不平衡、模型泛化能力不足等。为了解决这些问题,研究人员提出了许…

【结构型模式】组合模式

一、组合模式概述 组合模式的定义与意图:将对象组合成树形结构来表现“整体/部分”层次结构。组合能让客户以一致的方式处理个别对象以及对象组合。(对象结构型) 组合模式分析: 1.当容器对象的某一个方法被调用时,将遍…

鸿蒙入门02-首次安装和配置

注:还没有安装编辑器( deveco studio )的小伙伴请看鸿蒙入门01-下载和安装-CSDN博客 首次安装配置 编辑器( deveco studio )安装完毕以后需要进入配置界面进行相关配置配置完毕以后才可以正常使用 环境配置&#xf…

js处理给标题添加搜索词高亮,标题不包含内容包含的拼接内容包含字样

项目场景: 在项目中我们经常会写搜索,搜索后显示的数据要么标题包含搜索词要么内容包含搜索词,所以我们需要写出下面的效果! 问题描述 数据是后台给的,标题内容是文字样式,所以我们需要在请求完数据后,给…

Hyper-v 新建 Windows 虚拟机卡在“Press any key to boot from CD or DVD...,无法按下任何按键

Hyper-v 新建 Windows 虚拟机卡在“Press any key to boot from CD or DVD…,无法按下任何按键 在显示这个界面之后点击启动,之后立刻狂按F2, 然后就能进去了

Jenkins打包app并通过openssh上传到服务器

1、下载安装openssh 网上很多教程,包括开端口的,可以搜下 2、配置openssh根目录 进入C:\ProgramData\ssh打开文件sshd_config,添加配置ChrootDirectory D:\wxs\soft,想改端口的也在这个文件 3、安装Jenkins 参考上一篇 4、新…

Covalent Network(CQT)宣布推出面向 Cronos 生态的捐赠计划与 API 积分,为 Web3 创新赋能

为了促进 Web3 领域的创新,Covalent Network(CQT)宣布将其捐赠计划向 Cronos 生态系统中的开发者拓展。这一战略性举措,旨在通过向 Cronos 网络中基于 Covalent Network(CQT)API 构建的项目提供支持和资源&…

jenkins通过pipeline部署springboot项目

部署方案: 1、springboot项目不保存部署的pipeline或dockerfile构建脚本等与部署相关的问文件,业务项目只需关心业务,能够正常构建为jar包即可 2、新建一个代码仓库,用于保存项目需要构建的Jenkinsfile 3、jenkins配置pipeline地址…

一文了解OCI标准、runC、docker、contianerd、CRI的关系

docker和contanerd都是流行的容器运行时(container runtime);想讲清楚他们两之间的关系,让我们先从runC和OCI规范说起。 一、OCI标准和runC 1、OCI(open container initiative) OCI是容器标准化组织为了…

【C++】力扣OJ题:构建杨辉三角

Hello everybody!今天给大家介绍一道我认为比较经典的编程练习题&#xff0c;之所以介绍它是因为这道题涉及到二维数组的构建&#xff0c;如果用C语言动态构建二维数组是比较麻烦的&#xff0c;而用C中STL的vector<vector<int>>,就可以立马构建出来&#xff0c;这也…

【前端】2. HTML综合案例

1. 展示简历信息 代码如下&#xff1a;可自行发挥 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>个…

【C++学习】map和set

目录 一、关联式容器 二、键值对 三、树形结构的关联式容器 四、set 4.1 set的介绍 4.2 set的使用 4.2.1 set的模板参数列表 4.2.2 set的构造 4.2.3 set的容量 4.2.4 set修改操作 4.2.5 set的使用举例 五、map 5.1 map的介绍 5.2 map的使用 5.2.1 map的模板参数说…

高级感拉满的个人UI网页

效果图 PC端 移动端 部分代码 index.html <!DOCTYPE html> <html><head><meta charset"utf-8" /><title>Zboy的主页</title><link rel"stylesheet" href"css/normalize.css" /><link rel&qu…

C语言-输入数,存入数组,将奇数放置数组左侧,将偶数放置数组右侧

一 主要涉及到的知识点: 1.1 for循环 1.2 计算数组的大小int sz sizeof(arr) / sizeof(arr[0]); 1.3 函数的定义使用 1.4 while()循环 二 源代码: //输入一个整数数组,实现一个函数 //来调整该数组中数字的顺序使得数组中所有的奇数位与数组的前半部分, //所有的偶数位于…

Springboot+Vue项目-基于Java+MySQL的蜗牛兼职网系统(附源码+演示视频+LW)

大家好&#xff01;我是程序猿老A&#xff0c;感谢您阅读本文&#xff0c;欢迎一键三连哦。 &#x1f49e;当前专栏&#xff1a;Java毕业设计 精彩专栏推荐&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb; &#x1f380; Python毕业设计 &…

7.C++:多态

一、 virtual关键字 //1.可以修饰原函数&#xff0c;为了完成虚函数的重写&#xff0c;满足多态的条件之一&#xff1b; //2.可以在菱形继承中&#xff0c;完成虚继承&#xff0c;解决数据冗余和二义性&#xff1b; 两个地方使用同一关键字&#xff0c;但二者间没有一点关联 二…

鸿蒙入门04-真机运行“遥遥领先”

如果你有一台真的 "遥遥领先"那么是可以直接在手机上真机运行你的项目的我们也来尝试一下运行 一、手机设置开发者模式 打开手机设置 打开手机设置界面 向下滑动到关于手机位置 快速连续点击版本号位置 下图所示位置快速连续点击 打开 3 - 5 次即可 会提示您已经进…

Jackson 2.x 系列【25】Spring Boot 集成之起步依赖、自动配置

有道无术&#xff0c;术尚可求&#xff0c;有术无道&#xff0c;止于术。 本系列Jackson 版本 2.17.0 本系列Spring Boot 版本 3.2.4 源码地址&#xff1a;https://gitee.com/pearl-organization/study-jaskson-demo 文章目录 1. 前言2. 起步依赖3. 自动配置3.1 JacksonPrope…