首页 > 其他分享 >9个必备的vscode插件利器,看看哪些你在用?

9个必备的vscode插件利器,看看哪些你在用?

时间:2023-06-02 09:14:32浏览次数:35  
标签:插件 Git vscode 代码 必备 css

大家好,我是程序视点的小二哥

正所谓:工欲善其事,必先利其器

作为一名前端开发者,vscode想必大家应该都接触过,就像大多数 IDE 一样,VSCode 也有一个扩展和主题市场,包含了数以千计质量不同的插件。

作为一名熟练掌握各种前端开发工具安装和卸载的小二哥来说,为大家安利好玩有用的工具插件是我义不容辞的责任,所以我精挑细选了九款必备的vscode插件

Chinese (Simplified) (简体中文)

Chinese(Simplified)是一款中文汉化插件,英语渣渣崽的必备插件

Live Server

Open In Browser是打开静态页面,但是修改一次代码就需要打开一个浏览器,比较麻烦

可以安装一个Live Server,动态刷新页面,每次修改代码,刷新一下浏览器就好

Material Icon Theme

我们每天需要面对代码要长达8小时甚至更长的时间,页面不美观怎么能行

没有安装Material Icon Theme前,vscode的文件图标长这样

安装了之后,是不是变美观了呢

Image Preview 图片预览

还在引入图片担心引入的路径不对??,有了这个Image Preview插件,能在左侧预览引入的图片,妈妈再也不用担心引入图片路径错误了

Bracket Pair Colorizer 2 括号对齐

js代码写的太多??找不到哪是哪??这个利器帮你解决

formate: CSS/LESS/SCSS代码美化工具

虽然VSCode内置了css格式化功能,但这款支持less, scss,更加高效美观

CSS Peek css定位器

css可以说是程序员的一大烦恼,尤其是样式多的时候

class在哪定义的,自己都找不到了,有了 css peek就能快速定位css样式了

GitLens Git存储库

GitLens可以缝导航和浏览 Git 存储库

Git History Git历史

想不想知道是谁改了你的代码?Git History,查看Git的历史,搜索,版本对比。

后续小二哥还会为你更新更多好玩、好用的前端工具和插件,请及时关注呦~

标签:插件,Git,vscode,代码,必备,css
From: https://www.cnblogs.com/tanggoahead/p/17450791.html

相关文章

  • VsCode开发 Java Maven Springboot
    安装java相关的扩展插件在VisualStudioCode中打开扩展(Ctrl+Shift+X),输入关键词java、spring分别下载Java开发插件包和springboot插件包 配置参数点击设置按钮,进入设置选项,配置用户设置(文件->首选项->设置  Ctrl+,)添加如下代码:"java.errors.incompleteClasspath.severity......
  • 本地安装node.js安装,使用npm下载插件
    操作系统:windows10开发工具:VS Code 1.下载node.js文件   全程下一步即可。 2.打开vscode运行终端(此处打开的额终端路径是你当前的项目根目录):  node中自带npm,所以安装号node就已经安装号npm了,使用npm-v课查看版本。 3.使用npm安装mock.js案例:命令:npminstall......
  • 03VSCode
    快速入门1.免费安装安装完界面如下2.命令面板命令面板提供了一个超级搜索功能,可以搜索插件、配置文件、代码文件等等等。ctrl+p进入命令搜索,根据第一个字符,命令有几种模式?:列出可以执行的操作,类似于命令提示>:提供所有的命令 快捷键F1或者ctrl+shift+p@:用于当......
  • vscode+linux+git:简单的代码版本管理工作流
    由于现有设备环境的限制,目前代码调试工作主要在远程服务器端进行,所以本文将记录基于linux+git场景下,vscode的可视化的代码管理。第一步,gitclone+代码仓库;第二步,在clone下的代码中修改代码;第三步,vscode图像化操作:(其实,发生修改时候,vscode时间线这里右击修改,可以备注修改原......
  • IDEA插件分享(实用推荐)
    1.SequenceDiagram序列图插件    查看方法内部的调用其他的序列图    使用方法:    选中对应的方法,右击选择 SequenceDiagram或者右上角点击SequenceDiagramtu'bi2.MavenSearch快速搜索自己需要的maven依赖,无需要上网查找依赖3.MavenHelper可以查看......
  • IDEA 2020.1官网汉化插件安装
    idea终于更新了2020.1版本(推荐使用2020的版本),新增了好多的特性,官方也终于支持了中文语言包,但是有些兄弟下载后在插件市场无法找到官方的汉化包等问题,请安装下面操作即可:1、去IDEA插件中心(https://plugins.jetbrains.com/idea)搜索Chinese(Simplified)LanguagePackEAP2、点进......
  • 【亲测有效】wordpress多域名使用wp rocket插件问题
    wordpress多域名绑定,但是又想在主域名删除其他站缓存,这个时候在主站的默认清理按钮是无效的,只能代码方式实现。 //cleanhttp://your-site.com/contact/rocket_clean_files('http://your-site.com/contact/');//cleanhttp://your-site.com/contactandhttp://your-si......
  • 22) 插件指定多个source folder、 插件获取 pom 文件中的信息
    操作1.增加插件<build><plugins><plugin><artifactId>maven-resources-plugin</artifactId><executions><execution>&......
  • 4款实用国产办公软件,工作效率提升必备,还不赶紧收藏
    现代生活中,办公软件已成为工作中必不可少的一部分。作为一个企业或个人,选择一款好的办公软件可以大大提高工作效率,从而节省时间和精力。 在国产办公软件中,有许多优秀的选择,下面就为大家介绍四款实用国产办公软件,工作效率提升必备,还不赶紧收藏! 幕布 幕布是一款专业的思维......
  • vue2项目中使用dhtmlx gantt甘特图插件
    官网示例地址:https://docs.dhtmlx.com/gantt/samples/可以在这里查看绑定数据的格式安装依赖npminstalldhtmlx-gantt--save创建一个甘特图组件<template><el-scrollbarref="gantt_scrollbar"class="gantt-box"><divref="gantt"class=&qu......