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阅读
VueThis$Store想要解决的问题在使用Vuex管理自己应用的状态时，因为状态过多，为了正确性每次都要打开vuex定义文件，去复制定义时的函数名或者状态名，无形中就浪费了许多时间，为了解决这个痛点，开发了这个vscode插件。通过使用 ast 和正则表达式，获取 store 中所有文件的定义,在用户使用.vue 文件中时给 出详细的提示，目前支持大多数 vuex 官网中定义的例子安装在扩展中
转载
2024-09-11 01:16:33
40阅读
0x00.缘起折腾是技术宅的美德，作为一个vscode的深度使用者以及一个挑剔的人，vscode扩展商店里的众多主题我都不是很喜欢，唯独有一款名为Darktooth theme的主题我一直很喜欢，它的配色正是我喜欢的风格，而转折发生在使用vscode书写markdown之后，我发现这款主题并不支持markdown的语法高亮，而在扩展商店搜寻许久也没找到看着特别喜欢的主题，遂决定自行开
转载
2024-08-03 11:56:50
168阅读
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阅读
写在前面本地的VScode装了很久，但是使用率一直不高，作为这么好的一款工具，怎么能不利用起来刷leetcode呢。本文建立在相关编程语言的VScode开发环境搭建完成的基础上，因此对各种编程语言的环境搭建不做赘述。自己也是第一次用VScode搭建LeetCode开发环境，边尝试边解决问题。一、安装Leetcode插件现在VScode应用商店中搜索leetcode，第一个应该就是官方给出的插件，点
原创
2021-07-28 15:15:45
303阅读
现在Android的开发者基本上都使用Android Studio进行开发(如果你还在使用eclipse那也行，毕竟你乐意怎么样都行)。使用好Android Studio插件能大量的减少我们的工作量。 1.GsonFormat
快速将json字符串转换成一个Java Bean，免去我们根据json字符串手写对应Java Bean的过程。 使用方法：快捷键Alt+S也可以使用Alt+Inse
强大的PubMed插件Scholarscope学术基础—SCI分区什么是Pubmed什么是ScholarscopeScholarscope在不同浏览器下安装指南插件使用 学术基础—SCI分区SCI是有两个分区,一个是JCR的划分,一般称呼为Q1,Q2,Q3,Q4,一个是中科院的划分,分为一区,二区,三区,四区。sci分区q2指的是JCR的2区,sci是根据影响因子来划分区的,这也是作者选择期刊投
less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。在写网页的过程中，通常css样式是在less文件里写的，然后less文件会自动编译生成同名css文件。这样的操作在vscode中可以通过安装插件Easy LESS完成：安装less安装node.js环境 less的运行需要node.js环境支持，推荐官网傻瓜式安装大法，完成
转载
2024-03-20 20:44:27
154阅读
猿生不能只有 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阅读
1 live preview 写网站时，可以实时预览html效果2. prettier 代码美化插件3.wisen-translate 翻译插件4.search/translate hero 搜索跳转，不用再复制粘贴了 5.vscode-icons
转载
2024-03-24 20:06:06
139阅读
学习目标：快速入门CSS预处理器之less安装我们就以vscode为例子，如果你还没有使用vscode的话，建议使用vscode，免费而且插件非常之多，用起来很方便，话不多说开始吧!首先: (1) 下载安装node.js，官网下载： https://nodejs.org/zh-cn/ (2) 按 Win+R 输入 CMD (3) 输入npm install -g less 回车，等待安装完毕即可做
转载
2024-07-19 20:46:48
496阅读
如何在 Vue 项目中，通过点击 DOM 自动定位VSCode中的代码行？下面本篇文章就来给大家分享一个插件，并聊聊实现原理，快来收藏吧！现在大型的 Vue项目基本上都是多人协作开发，并且随着版本的迭代，Vue 项目中的组件数也会越来越多，如果此时让你负责不熟悉的页面功能开发，甚至你才刚刚加入这个项目，那么怎么样才能快速找到相关组件在整个项目代码中的文件位置呢？想必大家都有采取过以下这几种方法：【
代码准备新建项目选择类型为 LESS，即可创建 LESS 文件（或直接将文件名定为 .less 后缀） test.less@width: 200px;
@height: @width / 2;
.red-font {
color: red;
text-align: center;
}
.yellow-bg {
background-color: yellow;
}
.blue-bg
转载
2024-06-10 12:07:30
57阅读
一、安装visual stdio code1、首先在微软官网下载并安装好visual stdio code2、因为vscode只是一个代码编辑器，没有自带有C/C++的编译器，因此首先需要安装一个C/C++编译器并且设置环境变量，这里使用mingw-w64。二、安装mingw-w64 因为网络问题mingw-w64很难下载，建议先离线下载然后手动添加环境变量 离线版下载地址：D
https://mp.weixin.qq.com/s/n7zyDFOeHd9K5oSKz7Zg9Q 在上一篇文章中讲解了怎样在线安装remote-ssh插件，搭建远程开发环境，本篇文章将会讲解在电脑完全离线的情况下，如何搭建环境，没看过在线环境搭建的建议先看一下上篇文章，与本文重复的内容将不会再次讲解，大部分操作都在上一篇文章中。一、 下载vsCode安装包及remote-ssh插件离线包1、正式
转载
2024-09-29 12:28:33
25阅读
