VsCode好用的神仙插件
VsCode好用的神仙插件
Auto Rename Tag
前端神器,自动修改标签名,当我们修改一个标签时,自动修改对应的右侧标签。
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
编辑器汉化插件,此中文(简体)语言包为 VS Code 提供本地化界面。
CodeIf
变量起名神器,还在为起变量名发愁吗?使用它搜索一下,自动推荐合适的变量名,支持中文!
CSS Peek
快速查看CSS定义
按住CTRL键同时移到鼠标到要查看样式的类上就可以看到该类的定义了
Image preview
当引入路径为图片时,可以预览当前图片
GitLens
Import Cost
显示在VS代码编辑器中导入的程序包的大小
Indent-Rainbow
彩虹缩进
Material Icon Theme
扁平化的主题图标库
Microsoft Edge Tools for VS Code
vscode中打开Microsoft Edge
Node modules resolve
VSCode对配置别名(alias)的支持
代码中使用 @ (如:import {util} from '@/utils/index'),鼠标放在 util 上面 按 ctrl ,点击后会定位到 utils/index
Search node_modules
VS Code的简单插件,可让您快速浏览项目node_modules目录中的文件。 可能是您node_modules从VS Code的内置搜索中排除了该文件夹,这意味着如果您想在其中打开和/或编辑文件node_modules,则必须手动找到它,当node_modules文件夹很大时,这可能会很烦人。
ctrl+shift+p
—>选择search node_modules
—>输入包命(文件夹名称)—>选择要打开的文件或文件夹ctrl+n
试试—>输入包命(文件夹名称)—>选择要打开的文件或文件夹
Template String Converter
在字符串中输入$触发,将字符串转换为模板字符串
Regex Previewer
预览正则表达式效果
选中需要测试的正则,ctrl+alt+m(mac :⌥⌘M))或者点击test Regex
打开预览面板
在预览面板增加需要测试的正则串例如:测试选中则表示正则匹配
Turbo Console Log
将想打印的变量选中,按住ctrl + option + L(windows: ctrl + alt + L),就能在变量下方自动插入一个console.log
Thunder Client
虽然叫 Thunder,但和迅雷没有关系,它的名字是雷霆客户端,是 Visual Studio Code 的轻量级 Rest API 客户端,由 Ranga Vadhineni 手工制作,设计简单干净。所以,你可以卸载臃肿的 PostMan 了。
markdown文档插件
Markdown All in One
Markdown Preview Mermaid Support
markdownlint
摸鱼插件
Zhihu On VSCode
LeetCode
笔记插件
evermonkey
![](/assets/blank.gif)
evermonkey插件如何使用
画图插件
Draw.io Integration
使用:在编辑器中创建后缀为.drawio的文件
Markmap
思维导图神器
Markmap是一个基于开源项目markmap开发的vscode插件,画出来的思维导图非常非常的漂亮,笔者强烈推荐,可以秒杀绝大部分的收费软件了。
使用的时候很简单,只需要简单的Markdown语法;在安装好之后,在.md文档编辑窗口的右上角就会多一个预览的图标Open as markmap,当然也可手动打开命令面板,输入Open as markmap。下面是插件主页的示例:
翻译插件
A-super-translate
VsCode好用的神仙插件相关推荐
- 值得收藏!VScode 中这 15 个神仙插件写代码必备!
Visual Studio Code 是一款轻量级但功能强大的源代码编辑器,适用于 Windows.macOS 和 Linux.内置了对 JavaScript.TypeScript 和 Node.js ...
- VScode中的神仙插件(写代码必备)
目录 一.概述 二.使用教程 1.搜索扩展 2.列出已安装的扩展 3.卸载扩展 4.禁用扩展 5.启用扩展 6.更新扩展 三.扩展介绍 1.Python 2.Jupyter 3.C/C++ 4.ESL ...
- 基于GPT-4的神仙插件Bito,亲测好用
基于GPT-4的神仙插件,无需魔法,目前免费 文章目录 基于GPT-4的神仙插件,无需魔法,目前免费 一.Bito 简介 可以做哪些事情 二.如何安装插件 三.使用步骤 提问示例 一.写一个快速排序算 ...
- VSCode打造成为开发神器-插件篇
VSCode打造成为开发神器-插件篇 1. 编程语言类 下面的几个插件根据情况安装. C/C++ Dart dart-import Go Go Doc ** Python** 2. 代码风格类 Bea ...
- VSCode 如何新建vue模板 - 插件引入篇
还在一个代码一个代码的敲打吗? VSCode 如何新建vue模板 ?附图讲解:如何引入插件. 问题: 在哪儿搜索插件? 搜什么名称的插件? 如何安装插件? 解决办法:(上述问题,均如下图所示) 安装完 ...
- VSCODE 10个高效开发插件
首先介绍如何安装插件 下面介绍目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率. VSCode 的基本使用可以参考我的原创视频教程「VSCode 高效 ...
- vscode使用vuex数据持久化插件(vuex-persistedstate)
vscode使用vuex数据持久化插件(vuex-persistedstate) 因为Vue是单页面应用,页面跳转是vue-router实现的类似页面跳转的效果(切换对应的组件以展示不同的页面),刷新 ...
- VSCode中安装Live Server插件实现Html网页代码的实时预览
VSCode中安装Live Server插件实现Html网页代码的实时预览 利用寒假时间学习了一些基本的网页知识,在编写Html代码时可以利用IDEA.WebStorm.Dream Weaver等工具 ...
- 5款神仙插件,打工人用了效率提升5倍
浏览器作为电脑必装的搜索软件,相信大家都使用过.以前,我个人很喜欢使用国产浏览器,后面在朋友的强烈推荐之下,用上了谷歌浏览器,感觉原生的谷歌浏览器使用体验很一般.但是谷歌的主页无广告,很干净,打开速度 ...
最新文章
- 五问智能教育未来发展:重点解决什么问题?
- mysql中Table is read only 的解决方法小结
- Ubuntu 配置大数据平台hadoop hive数据仓库之完整踩坑
- CAMWorks ShopFloor 2020中文版
- win10 搭载文件服务器,win10远程文件服务器
- 作为高管,你需要了解的五个ERP趋势
- 如何制作python代码_如何使用50行Python代码制作一个计算器
- 十一、“由专入分易,由分入专难。”(2020.12.18)
- python 空指针_Python ctypes模块:扩展指针数组时进行NULL指针访问
- 分布式架构的王者?Kubernetes凭什么
- Python读取文本文档转化成列表
- SQL 必知必会·笔记20高级SQL特性
- [云计算]VXLAN的网关划分
- 数字信号C语言——平均分布随机数
- 如何从任何Mac或Windows PC为iOS打印启用AirPrint
- 未来计算机源消能耗,磁微处理器挑战计算机最低能耗极限
- Excel的模板导出+背景水印
- 图片怎么转化word文档?分享一个实用的方法。
- uniapp跳转微信客服总结及报错 (deeplink customerservice no permission)
- 追光而遇,沐光而行:相约未来GIS实验室