常用的VsCode插件官网：https://code.visualstudio.com/注意：要看需要去下载扩展，不要乱下载，否则大量的扩展会让vscode变成大型编辑器，导致系统跑不动，那么vscode的轻量级优点就没有了！插件如下Auto Close Tag — 自动闭合HTML标签
Auto Rename Tag — 修改HTML标签时，自动修改匹配的标签
background — 背景
b
转载
2023-12-14 11:04:33
148阅读
文章目录HTML 与 CSS 支持HTML 页面实时浏览内嵌open in browserAuto Rename TagCSS PeakIntelliSense for CSS class names in HTML HTML 与 CSS 支持 首先在扩展商店中搜索 HTML，下载框中的三个插件，第一个用于对 HTML 的一些书写支持（俺也不太清楚，看视频选的，但是好像被禁用了，说是有其他的插件
转载
2023-12-15 10:41:13
120阅读
CSS Navigation - vscode 插件 - vue css 跳转
原创
2022-08-29 16:07:05
655阅读
vue【vetur】 vue语法高亮【vueHelper】vue2代码段 react【react playground】react运行环境【react standard style code snippets】react standard风格代码块 HTML【auto close tag】 自动闭合HTML标签【auto rename tag】 修改HTML标签时自动修改匹配标签【
转载
2024-09-11 12:13:58
56阅读
Part One 走进前端一.概述web前端开发源网站设计，使用各种技术和框架创建页面系统呈现给用户的过程，通过编写代码的方式将图片、文字等素材在页面进行合理布局，达到与效果图相同的效果。前端开发可以使系统主题突出、页面美观、响应速度快、交互方便，对用户体验至关重要。二·使用的技术HTML：HyperText MakeUp Language,超文本标记语言，是用来描述网页结构的一种标准语言，不是编
转载
2024-01-05 21:36:06
101阅读
猿生不能只有 Ctrl + C 和 Ctrl + V，还要有 Ctrl + D。工欲善其事，必先利其器。今天给大家带来了博主学习前端一年多以来偷懒 ，呸~ 提升效率必备的 40 个 vscode 插件。看完觉得有帮助的记得点个赞~HTML 标签自动闭合 – Auto Close Tag 身为一个前端程序猿，打 HTML 标签那必须是快速的，vscode 本身
转载
2024-04-18 14:25:55
429阅读
01 配置图床本地图床1.安装Paste Image插件2.插件配置该插件有三个比较重要的参数：Default Name、Base Path、Path。Default Name是图片的默认名称，我默认使用时间命名，即Y-MM-DD-HH-mm-ss。Default Name 其他格式Path决定图片存储的路径，我的是${projectRoot}/img，即我的图片统一存储在项目根路径下的img文件
背景作为一位前端同学肯定对vscode不陌生，相信每位同学电脑上也都有五花八门的个性化配置，那么我们是借助什么东西做到的呢？那就是它丰富的插件生态。本次将讲述插件基本原理并从一个简单的case了解如何制作一个的vscode插件是什么实现了vscodeElectronvscode底层通过electron开发实现，electron的核心构成分别是：chromium、nodejs、native-api
转载
2023-09-01 18:39:27
219阅读
VSCode常用插件（持续更新）前言一、前端开发插件1.1 Vetur *1.2 ESlint *1.3 Prettier *1.4 Beautify1.5 Auto Close Tag1.6 Auto Rename Tag1.7 CSS Peek1.8 Vue Peek1.9 open in browser1.10 HTML CSS Support1.11 Bracket Pair Color
转载
2024-01-15 06:21:02
182阅读
Visual Studio Code 是一款轻量级但功能强大的源代码编辑器，适用于 Windows、macOS 和 Linux。内置了对 JavaScript、TypeScript 和 Node.js 的支持，并为其他语言（例如 C++、C#、Java、Python、PHP、Go）并且提供了丰富的扩展生态系统。废话不多说，我们开始吧！使用教程1.搜索扩展您可以清除“扩展”视图顶部的“搜索”框，然后
转载
2023-12-13 05:29:40
515阅读
有句话，事半功倍，其必然是借助了某些思想和工具。VSCode是我们前端开发的武器，本文40+精选插件，让其更加锋利，无坚不摧！！必备的下面这些必备的我就不说了代码段JavaScript \(ES6\) code snippets[1]， ES7 React/Redux/GraphQL/React-Native snippets[2]vue[3], vetur[4],
npm与cnpm两种方式的安装与配置第一步，安装npm且配置第二步，安装cnpm且配置第三步，以管理员身份打开vscode 第一步，安装npm且配置 首先要先安装node.js，node.js的安装包里自带有npm。node.js官网下载 然后就是下一步下一步的傻瓜式安装，下载到哪可以自己选择，最新版的安装过程中会有给可以勾选的自动下载一些东西，可以不勾选。然后安装完毕。 根据你node
转载
2024-03-12 10:52:48
90阅读
在前端开发中，vscode 是最常用的编辑器，而 vscode 有着各种实用插件，有些可以帮助我们提升效率，有些可以让我们的工作过程变得更加快乐。今天我们就来介绍一下这些好用的插件吧~提效类插件代码神器 - Power Mode首先，介绍的第一款插件是 Power Mode，它可以让你的编程过程变得更加快乐（如下图）。除了上面那种效果外，这个插件还有其他的几种效果，都是不错的。接下来我们来学习一下
转载
2024-04-13 11:05:31
1403阅读
VS Code 有个市场，提供很多插件，开发人员可以把它们安装到文本编辑器，增强编辑器功能。在视图菜单中，选择扩展选项或按下 shift + cmd + X 即可进入市场。善用 VS Code 插件，不仅节省时间，还能提高工作效率，让你成为更好的开发人员。1. Live Server该插件允许我们在更改 IDE 中的代码时，自动重新加载 Web 页面。 一旦安装 Live Server
转载
2024-08-11 22:22:27
1007阅读
一、vscode1、下载地址
https://code.visualstudio.com/2、安装插件 live server：内置服务器可以模拟访问，不用tomcat了 vetur、vue-helper：vue相关插件3、相关设置设置字体大小： 左边栏 管理-> 设置-> 搜索 “font” -> Font size开启完整的Emmet语法支持： 设置中搜索 Emmet：启用如
转载
2024-04-01 09:20:25
464阅读
VS Code 是一款非常方便高效的开发工具，笔者在使用 VS Code 之前有过好几年的 Sublime Text 使用经验，刚刚开始转移过来的时候还感觉有一点不方便，但是在使用一段时间以后，真的被其强大的能力所折服，现在在开发编程的时候，VS Code 已经成为我的首选，特别是结合其各种强大的插件，可以大大提高开发效率。本文介绍 VS Code 使用中一些能显著提高效率的插件推荐。根据我本人的
转载
2023-07-21 18:57:33
504阅读
?摘要今天分享下 —— VsCode系列：11个必备 VS Code 插件 的一些基本知识，欢迎关注！?提升开发效率的插件1. Better CommentsBetter Comments 你可以使用不同的前缀来让注释显示为不同的颜色。非常适合快速扫描并发现重要的代码片段。若使用的话, 建议团队统一规范.2. Bracket Pair Colorizer你是否经常在项目中出现查找是否缺失括号. 这
转载
2023-11-07 07:39:52
1324阅读
原者：Katherine Peterson 译者：前端小智 VSCode 之所以是如此出色的代码编辑器，其原因之一是由社区创建的庞大的插件库，从而提高了开发人员的工作效率。 以下是一些我最喜欢的VSCode 插件。1. Rainbow Brackets
地址：https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brack
名称功能Auto Rename Tag自动重命名配对的HTML / XML标签Auto Close Tag自动添加HTML / XML结束标签any rule常用正则表达式合集和工具Browser Preview编辑器中嵌入浏览器可视化窗口Bracket Pair Colorizer高亮匹配代码块括号Better Comments文档注释 /** * 我的方法
转载
2023-10-11 10:05:44
288阅读
目录一、走进前端二、VSCode简单介绍三、VSCode的下载及安装四、VSCode插件的安装五、部分插件及其使用1.汉化2.Bracket Pair Colorizer3.markdownlint4.open in browser5.Path Intellisense6.Prettier7.vscode-icons8.Indent-Rainbow9.Atuo Rename Tag10.files
转载
2023-09-25 11:41:27
610阅读
