VS Code 前端开发实用插件

最新推荐文章于 2024-07-04 15:17:15 发布
最新推荐文章于 2024-07-04 15:17:15 发布
阅读量177 收藏
点赞数
文章标签： git vue.js vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50368372/article/details/128914430
版权

// 好用的git管理插件
1、GitLens — Git supercharged
// 自动补全、导入、重命名
2、Auto Close Tag
3、Auto Import
4、Auto Rename Tag
// 更方便的注释规范插件
5、Better Comments
// 检查输入的英文是否正确（代码规范检查）
6、Code Spell Checker
// 扩展.env文件
7、DotENV
// 代码提示规范
8、ESLint
9、HTML CSS Support
10、JavaScript (ES6) code snippets
// 打开浏览器
11、open in browser
12、Path Intellisense
13、Prettier - Code formatter
14、Vetur
15、Vue 3 Support - All In One
16、Vue Language Features
17、Vue Volar extension Pack
18、Vue VSCode Snippets
19、WXML - Language Service

Leon@98
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
精选！必备的 VSCode 插件（前端类）
03-30
vscode 常用插件 手动放到 .vscode/extensions/ 下， 包含插件如下： Angular2V0.4.1.vsix auto-close-tagV0.5.6.vsix auto-rename-tagV0.0.15.vsix autoimportV1.5.3.vsix beautifyV1.3.0.vsix bracket-pair-colorizerV1.0.27.vsix change-caseV1.0.0.vsix code-runnerV0.9.3.vsix color-infoV0.5.0.vsix fileheadercommentV0.0.3.vsix gitlensV8.1.1.vsix html-snippetsV0.2.1.vsix icon-fontsV1.10.1.vsix JavaScriptSnippetsV0.2.0.vsix jquery-snippetsV1.0.0.vsix material-darkV1.1.0.vsix minifyV0.3.0.vsix npm-intellisenseV1.3.0.vsix open-html-in-browserV0.1.21.vsix path-autocompleteV1.8.1.vsix prettier-vscodeV1.2.2.vsix project-managerV0.25.0.vsix quokka-vscodeV1.0.116.vsix stylelintV0.35.0.vsix syncingV1.5.3.vsix theme-onedarkV0.5.2.vsix tsimporterV1.2.14.vsix typelensV1.5.0.vsix veturV0.11.7.vsix vetur-eV0.11.7.vsix vscode-css-peekV2.1.0.vsix vscode-eslintV1.4.8.vsix vscode-exports-autocompleteV0.5.4.vsix vscode-fakerV1.2.1.vsix vscode-git-historyV1.0.3.vsix vscode-html-cssV0.2.0.vsix vscode-iconsV7.22.0.vsix vscode-javascript-snippet-packV0.1.5.vsix vscode-regexp-preivewV0.0.3.vsix vscode-todo-highlightV0.5.12.vsix vscode-typingsV0.0.5.vsix vueHelperV0.1.6.vsix
VS Code常用离线插件vsix包
04-12
6. **VS Code HTML CSS** (ecmel.vscode-html-css-1.10.2.vsix)：这个插件增强了VS Code对HTML和CSS文件的支持，提供CSS代码提示、自动完成、属性值提示等功能，使前端开发更为高效。 7. **JavaScriptSnippets** ...
vs code常用插件整理
ispurs的博客
02-23 1634
记录一下常用的vs code插件 vs code插件离线下载地址: https://marketplace.visualstudio.com/vscode 0. C/C++ Extension Pack Popular extensions for C++ development in Visual Studio Code 1. C/C++ C/C++ IntelliSense, debugging, and code browsing. 2. Chinese (Simplified) (简体中文)
前端开发必备 VS Code 插件大全
最新发布
weixin_50367873的博客
07-04 926
最好的软件开发往往来自于程序员的直接需求，Code Runner 作者是一位曾就职于微软的中国程序员，他为了方便自己的日常开发工作，开发了 Code Runner 这款可以在 VS Code 中方便快捷运行各种语言代码的插件。Live Server Live Server是一款实时开发服务器插件，能够在本地启动一个服务器，当你修改代码时，它能自动检测变化并即时刷新浏览器，让你在开发过程中能即刻看到改动效果，尤其适用于静态网页和单页应用（SPA）的开发。提供右键菜单选项，一键在浏览器打开html文件。
程序员必备 VS Code 插件大全！
QcloudCommunity的博客
06-27 816
????目录1 Code Runner2 AI 代码助手3 Settings Sync 插件漫游4在 VS Code 中练习 LeetCode5Rainbow 系列6TODO Highlight & TODO Tree7Material Them & Material Theme Icons工欲善其事，必先利其器！VS Code 就像经典游戏《上古卷轴5：天际》一样，本体已经足够...
VS Code前端开发好用的插件
weixin_43688734的博客
07-05 417
我用VS Code来做前端开发，有很多第三方插件可以帮助我们更快更好的写代码，以下是我认为很好的插件。 1.
【VSCode】记录几个前端开发好用的 VS Code 插件
努力搬砖
04-23 568
推荐几款自己在用的 VS Code 插件，简洁好用，插件这个东西也要适度使用，安装过多的话，反而冗余，得不偿失。 插件 插件说明 效果 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 中文简体语言包 Auto Close Tag 自动添加HTML / XML关闭标签 Auto Rename Tag 自动重命名配对的HTML / XML标签 Bracket
2021 VSCode前端插件推荐
weixin_44763882的博客
10-02 3447
2021 VSCode前端插件推荐 前言 推荐一波前端开发必备插件，绝对可以提高你的生产力，剩下来的时间来 mo鱼，岂不美哉 开发综合推荐 别名路径跳转 插件名： 别名路径跳转 使用说明: 别名路径跳转插件，支持任何项目， 使用场景: 当你在开发页面时, 想点击别名路径导入的组件时（演示如下） 配置说明 下载后只需自定义配置一些自己常用的别名路径即可 右击插件–》扩展设置–》路径映射在settinas.json中编辑 // 文件名别名跳转 "alias-skip.mappings": {
Visual Studio Code前端常用插件详解，教你玩转vscode
01-08
用了很多前端开发软件，倒是各有优点，但是我推荐的是Visual Studio Code，但是需要自己装一下插件才能用的很6，下面是我总结出的前端常用插件。 插件名称 用途 Auto Close Tag 自动闭合HTML/XML标签 Auto ...
vs-code里面 vue代码提示插件
03-14
在现代前端开发中，Visual Studio Code (VS-Code) 是一款非常流行的代码编辑器，它提供了丰富的扩展功能，包括对 Vue.js 框架的强大支持。对于 Vue 开发者来说，代码提示插件是提高生产力的重要工具。在本文中，我们...
VS Code 搭配 Sencha Plugin 插件简直不要太好用.用于开发 ExtJS/ExtAngular
08-02
这篇文章将详细介绍如何使用VS Code和Sencha Plugin插件来提升你的前端开发效率。 首先，让我们了解一下ExtJS。ExtJS是一个用于构建富客户端Web应用的JavaScript库，它提供了丰富的组件库，如表格、图表、菜单等，...
vscode-gitlens：增强Visual Studio Code中内置的Git功能—通过Git责备注释和代码透镜一目了然地可视化代码作者，无缝导航和浏览Git存储库，通过强大的比较命令获得有价值的见解，等等。
02-04
GitLens supercharges内置到Visual Studio代码Git的能力。 它可以帮助您通过Git责任注释和代码镜头一目了然地看到代码作者的身份，无缝地导航和浏览Git存储库，通过强大的比较命令获得有价值的见解，等等。 赞助商GitLens 由...赞助 如果您发现GitLens有用，请考虑它。 而且，如果您使用GitLens工作，请鼓励您的雇主。 还请，，并 吉特伦斯 是扩展，由创建，开发和维护。 GitLens可以帮助您更好地理解代码。 快速查看更改行或代码块的对象，原因和时间。 回顾历史，以进一步了解代码的演变方式和原因。 毫不费力地探索代码库的历史和演进。 Gi
15个好用的VS Code插件
03-19
本文将详细介绍15款实用的VS Code插件，并对每个插件的功能进行深入解析。 #### 二、下载与安装 1. **下载**： - 访问[VS Code官网](https://code.visualstudio.com/)。 - 点击“Download”按钮选择对应的操作...
VS Code插件开发-全部流程介绍（一）
千叶之零的博客
01-16 2141
VS Code插件开发 - 全部流程介绍 本系列博客列表： VS Code插件开发-全部流程介绍（一） VS Code插件开发-全部流程介绍（二） VS Code插件开发-全部流程介绍（三） 目录 前言 环境配置 创建插件项目 前言   笔者最近参与了一个制作VS Code插件的项目。由于之前没有这方面的经验，所以花了一段时间来整理插件开发的相关知识。VS Code凭借着强大的可扩展性，现在已...
VS Code插件开发学习笔记1
w0shishabi的博客
08-15 670
目录1 背景2 环境2.1 需要安装的软件2.2 环境设置3 hello world4 工程结构说明4.1 工程的文件结构4.2 工程的运行机制 1 背景 用VS Code打开Vivado综合和实现后格式为.rpt的report文件，发现VS Code的插件库没有对应的语法高亮插件，然而VS Code并不支持直接自定义关键词高亮（也许有但是我没找到）。.rpt的显示效果如下： 可见，没有高亮的显示效果 能看，但不完全能看。 所以，趁这个机会学习一下VS Code的语法插件开发。 基本上就是按照官网的教程实
VS Code 中使用Git实践，学会了效率翻倍！
公众号：前端充电宝
09-25 258
本文来一起学习如何在 VS Code 中进行常见的 Git 可视化操作！
vs code使用GitLens — Git supercharged无法使用的解决办法
zmyalh的博客
04-07 7402
vscode使用git，需要下载GitLens — Git supercharged配合使用 当下载的GitLens — Git supercharged版本过新时，会提示你重新安装新版的git，不安装新版的git就一直使用不了还报错，左边也没版本控制。 解决办法，把本地的git地址配置进来，让他使用本地的git，配置如下 “git.path”: “C:/软件/gitblit/Git/bin/git.exe”, //本地的git地址 vs code重启后就可以使用了 ...
vscode的Git History，GitLens — Git supercharged插件
热门推荐
qq_45363639的博客
11-20 1万+
不会吧不会吧，还有人不知道这两个好用的插件，首先，上图， 这两个插件呢，就长这样，直接在vscode的插件库里面搜名字， 然后第一个，先来介绍Git History，安装成功后，需要重启vscode，当你们共同开发的时候，你改了一个文件，之后几天又不知道被改成哪个面目全非的版本了，你想快速的找到你之前那个版本怎么办呢，这个时候，就请出Githistory了，找到你要查看的文件右键，找到下面这个选项， 之后，会出现这个页面，下图的每一条就是这个文件被改过的提交的commit以及提....
最好的VS Code扩展以增强您的 Git
owenzhang的博客
10-22 2461
原文地址：The Best VS Code Extensions to Supercharge Your Git 原文作者：Jamie Swift 译文出自：掘金翻译计划 图片来自 Vishnu R Nair on Unsplash 是的， 我知道， 我们都应该是终端忍者， 记住每一个 git 命令雅达雅达。或者，像穴居人一样，我们可以把两根棍子放在一起(或在这...
vs code 前端插件
05-29
好的，针对你的问题，以下是一些常用的 VS Code 前端插件： 1. Live Server：可以在本地搭建一个实时的 Web 服务器，支持实时刷新，非常适合前端开发调试。 2. Prettier - Code formatter：自动格式化代码的插件，支持多种语言，让你的代码风格更加整洁。 3. Bracket Pair Colorizer：可以给不同的括号添加不同的颜色，方便你区分嵌套层级。 4. GitLens：增强 Git 功能的插件，可以显示代码提交历史、作者等信息，方便团队协作开发。 5. ESLint：可以检测代码中的语法错误和潜在问题，提高代码质量和可读性。 6. Debugger for Chrome：可以在 VS Code 中调试 Chrome 浏览器的 JavaScript 代码，方便调试前端应用程序。 这些插件都非常实用，可以大大提高前端开发效率和代码质量。希望能对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值