本文不做任何编辑器的比较，只是我本人日常使用 vscode 进行开发，并且比较喜欢折腾 vscode ，会到处找这一些好玩的插件，于是越攒越多，今天给大家推荐一下我收藏的 60 多个 vscode 插件，据说插件装太多，编辑器会变卡，可能是我的电脑配置还顶得住，目前并没有感觉到卡卡的。接下来我会将会以 优化外
功能作用：将px像素自动转化为rem。 首先安装postcss-pxtorem。 npm install postcss-pxtorem -D 新建一个postcss.config.js文件配置。 module.exports = { plugins: { // 兼容浏览器，添加前缀 autopre ...
转载
2021-09-18 16:16:00
2303阅读
2评论
猿生不能只有 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文件
Part One 走进前端一.概述web前端开发源网站设计，使用各种技术和框架创建页面系统呈现给用户的过程，通过编写代码的方式将图片、文字等素材在页面进行合理布局，达到与效果图相同的效果。前端开发可以使系统主题突出、页面美观、响应速度快、交互方便，对用户体验至关重要。二·使用的技术HTML：HyperText MakeUp Language,超文本标记语言，是用来描述网页结构的一种标准语言，不是编
转载
2024-01-05 21:36:06
101阅读
背景作为一位前端同学肯定对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
178阅读
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],
一、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
456阅读
在前端开发中，vscode 是最常用的编辑器，而 vscode 有着各种实用插件，有些可以帮助我们提升效率，有些可以让我们的工作过程变得更加快乐。今天我们就来介绍一下这些好用的插件吧~提效类插件代码神器 - Power Mode首先，介绍的第一款插件是 Power Mode，它可以让你的编程过程变得更加快乐（如下图）。除了上面那种效果外，这个插件还有其他的几种效果，都是不错的。接下来我们来学习一下
转载
2024-04-13 11:05:31
1401阅读
VS Code 有个市场，提供很多插件，开发人员可以把它们安装到文本编辑器，增强编辑器功能。在视图菜单中，选择扩展选项或按下 shift + cmd + X 即可进入市场。善用 VS Code 插件，不仅节省时间，还能提高工作效率，让你成为更好的开发人员。1. Live Server该插件允许我们在更改 IDE 中的代码时，自动重新加载 Web 页面。 一旦安装 Live Server
转载
2024-08-11 22:22:27
978阅读
npm与cnpm两种方式的安装与配置第一步，安装npm且配置第二步，安装cnpm且配置第三步，以管理员身份打开vscode 第一步，安装npm且配置 首先要先安装node.js，node.js的安装包里自带有npm。node.js官网下载 然后就是下一步下一步的傻瓜式安装，下载到哪可以自己选择，最新版的安装过程中会有给可以勾选的自动下载一些东西，可以不勾选。然后安装完毕。 根据你node
转载
2024-03-12 10:52:48
90阅读
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
1.中文插件 Chinese (Simplified) Language Pack for Visual Studio CodeAuto Close Tag (自动补全html标签)Bracket Pair Colorizer（括号颜色不同，更容易看） 代码括号颜色会对应，更容易看Easy LESS（less语法） 配置说明： 在vsCode中使用Less方法：在vsCode插件管理搜索插件 Ea
转载
2024-06-23 21:34:24
269阅读
名称功能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 是我们前端开发的一个强大的IDE，所以选择趁手好用的插件是提高开发效率，然后剩下的时间用来摸鱼是很有必要滴。效率篇（33）Path IntellisensePath Intellisense: 自动完成文件名的 Visual Studio Code 插件。插件名：Path Intellisense官方地址：Path Intellisense - Visual Studio
转载
2023-11-07 21:57:49
43阅读
使用命令行使用帮助：code --help
使用已经打开的窗口来打开文件：code -r
打开文件并滚动到特定行：code -r -g package.json:128
比较两个文件：code -r -d a.txt b.txt
接受管道符数据：ls | code -
图形界面、快捷键使用光标移动至
单词开头/末尾 Ctrl + Left/Right,代码块开头/末尾 Cmd + Shift +
转载
2024-08-28 12:55:44
67阅读
