前端vscode插件合集

工欲善其事必先利其器

安装步骤在这里插入图片描述
.
.
.
.
.
.
.
.
.

1.中文包Chinese (Simplified) Language Pack for Visual Studio Code
在这里插入图片描述

2.自动闭合标签Auto Close Tag
在这里插入图片描述

3.同步修改标签Auto Rename Tag
在这里插入图片描述
4.高亮代码的回调,括号的区域范围Bracket Pair Colorizer
在这里插入图片描述
4.支持多中代码的执行Code Runner
在这里插入图片描述
5.直观得看到你设置的样式颜色Color Highlight在这里插入图片描述
在这里插入图片描述
6.在 HTML 中通过 CSS id 或则 class 来定位到其定义 CSS Peek
在这里插入图片描述
7.ES7 React/Redux/GraphQL/React-Native snippets
在这里插入图片描述
8.Git History
用来查看 git log 或则一个文件的 git 历史,比较不同的分支,commits。
在这里插入图片描述
9.Highlight Matching Tag
这本来应该是 VSCode 应该默认提供的功能,高亮匹配的标签。
在这里插入图片描述
10.JavaScript (ES6) code snippets
VS Code 编辑器的 ES6 语法的 JavaScript 代码片段(支持 JavaScript 和 TypeScript)。

11.npm Intellisense
VSCode 插件可以在导入语句自动补全 npm 模块名称。

12.open in browser
在这里插入图片描述

13.Path Intellisense
该扩展可以自动补全代码中的路径和文件名。
在这里插入图片描述

14.Prettier - Code formatter
你绝对不能少了这个插件,你需要它来一键美化你的 JavaScript/TypeScript/CSS 代码在这里插入图片描述

15.Vetur
Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。(VScode官方钦定Vue插件,Vue开发者必备。)
在这里插入图片描述
VueHelper
vue使用者必备在这里插入图片描述

16.Visual Studio IntelliCode
这个插件旨在帮助开发人员提供智能的代码完成建议而构建的,并且已预先构建了对多种编程语言的支持。

17.vscode-icons
文件夹的图标
在这里插入图片描述

18.Beautify
代码文件右键格式化 美化代码
在这里插入图片描述

19.HTML Snippets
智能提示HTML标签,以及标签含义
在这里插入图片描述

20.Npm Intellisense(node必备)

21.GitLens
方便查看git日志,它不仅能帮助你通过 Git blame 注解直观地看到代码作者,而且还可以无缝浏览和探索 Git 存储库,通过强大的比较命令获得有价值的见解,等等。
在这里插入图片描述

Git History
用来查看 git log 或则一个文件的 git 历史,比较不同的分支,commits。
在这里插入图片描述

22.ESLint
代码规范–需要配置—个人一般不用(格式不对会报错比较烦)
在这里插入图片描述
23.jQuery Code Snippets
jQuery代码智能提示

23.color info
提供有关CSS颜色的快速信息

24.Trailing Spaces
高亮那些冗余的空格,可以快速删掉。
在这里插入图片描述

25.主题:

One Dark Pro 黑色背景 很舒服。
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

Monokai Charcoal high contrast 黑色背景 高对比度,配合背景透明,调到很低也很清晰。
在这里插入图片描述
26.以下一部分是uniapp开发插件
在这里插入图片描述
后来这几个插件好像是迁移了 暂时还不清楚可用不 不行的话就换这几个
在这里插入图片描述

27.小程序助手
在这里插入图片描述

28.minapp 微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)
在这里插入图片描述

39.vscode wxml

在这里插入图片描述

40.wechat-snippet 微信小程序代码辅助,代码片段自动完成

在这里插入图片描述

41.wxml 微信小程序wxml格式化以及高亮组件(高度自定义)

在这里插入图片描述

42.TypeScript Hero
在这里插入图片描述

43.Import Cost 文件导入包大小
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/403884.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Android卷一全文 第一章 阅读前的准备工作

本章主要内容本章简单介绍Android系统架构、编译环境的搭建以及一些工具的使用。1.1 系统架构 1.1.1 Android系统架构 Android是Google公司推出的一款手机开发平台。该平台本身是基于Linux内核的,图1-1展示了这个系统的架构:图1-1 Android系统架构 从…

web安全字体

webfont解剖 Unicode字体可以包含数以千计字形有四个字体格式: WOFF2, WOFF, EOT, TTF一些字体格式需要使用GZIP压缩 一个web字体是字形的集合,且每个字形是一个描述了一个字母亦或符号的矢量图。 所以,一个字体文件的大小由两个因素决定&…

设置Clover默认进入Windows,按快捷键F8可选择不同的引导

系统情况: Win7 Mac10.9.5 Clover 我要达到的目标是:默认进入Windows系统,如果有需要,可以选择进入其他系统,如Mac OS X 我原以为可以在clover中配置,达到这个目标,可是我经过多次实践&am…

js获取cookie获取不到问题 vue获取cookie以及获取不到问题

1.下载依赖包 npm i js-cookie -S2.在使用cookie的页面上进行引入 import Cookies from js-cookie3.使用 创建一个在整个网站上有效的CookieCookies.set(name, value);创建一个从现在起7天后过期的cookie,在整个站点上有效:Cookies.set(name, value, …

smarty二维foreach示例[顺代一维数组],再次加强版

2019独角兽企业重金招聘Python工程师标准>>> smarty二维foreach示例[顺代一维数组],再次加强版 WEB2.0 root 2009-4-9 10:46 评论(0) 阅读(682) 大 | 中 | 小 WEB2.0 | 评论(0) | 引用(0) | 阅读(682) view plain print ? {foreach itemrec from$result…

url的特殊字符编码 encodeURI编码

参考: 编码解码 前沿: 例如上传资源视频图片,针对一些特殊的字符!#¥%……&*()?《{[,./’~ 不做转码的时候url识别会错,图片就不会显示出来,这时候就需要对…

Linux设备驱动之Kobject、Kset

LDD3中说,Kobject的作用为:1、sysfs 表述:在 sysfs 中出现的每个对象都对应一个 kobject, 它和内核交互来创建它的可见表述。2、热插拔事件处理 :kobject 子系统将产生的热插拔事件通知用户空间。 3、数据结构关联:…

图片不显示问题 图片url监测改变问题

问题:点击按钮换一换的时候,后台返回的三张小图片的地址还是原来的地址,但是三张小图确实是变了;这时候如果一开始头图是图3,点击换一换后,三张小图变了,此时还是想选择图3为头图;却…

限定虚拟机可用的CPU利用率

Windows Server 2012姗姗来迟,最新的Hyper-V 3给我们带来更多的惊喜,后续三篇博文和大家共同学习虚拟机CPU竞争机制。 第一部分:分配给虚拟机的CPU资源 第二部分:限定虚拟机可用的CPU利用率 第三部分:争夺CPU资源优先级…

Windows 7 文件夹共享

今天搞了下windows 7下的文件共享,总是搞不定,虽然以前也偶尔有成功过,但未作记录,现在要搞一时搞不定,所以决定好好记录一下。 win7的文件夹共享搞得实在是太麻烦了(对于一般用户而言),为了权限控制&#…

1.the linux device model--kobject kset学习笔记

http://blog.chinaunix.net/uid-22547469-id-4590385.html?utm_sourcejiancool Linux设备模型就是一栋规模宏大的建筑,为了构建它,需要基本的建筑材料钢筋:kobject、若干钢筋组成的钢架结构:kset,还需要一种机制sysfs…

微信公众号开发笔记1-获取Access Token

获取你的Access Token a)可以采用网址的形式: 用appid和appsecert获得access token,接口为https://api.weixin.qq.com/cgi-bin/token?grant_typeclient_credential&appid你的APPID&secret你的APPSECRET 替换中间的你的APPID和APPSEC…

ant更改主题色报错Inline JavaScript is not enabled. Is it set in your options? vue ant主题色更改 vue-cli3

问题:使用vue-cli3更改ant的主题色时候报错:Inline JavaScript is not enabled. Is it set in your options? 原因:我的问题是less-loader依赖包的版本为5.0.0,而官方要求必须是6.0.0; ERROR Failed to compile …

ant中table表格的多选框如何清空

项目需求:表格前加一列多选框,可以做多选和提交,还可以在提交后、重置或者翻页后对多选框清空 使用的组件是ant中下的可操作选择的table;这样我们就知道复选框选中的那些数据id,其实就是selectedRowKeys数组里的id&am…

SCCM 2012系列1 服务器准备上

各位您好,今天我将开始给大家分享微软最新的SCCM 2012系列文章,让大家逐步了解在企业内如何搭建SCCM 2012的同时,了解各个功能模块,对应自己的企业环境来看,那些功能是您现在所需要的。当然还可以看看SCCM 2012比之前…

近期H5项目开发小结

前言:2016差不多又过了半啦,最近参与了公司好几个h5项目(严格来说,也只能算是推广页面活动)。主要是新品牌的推广需要,当然也有给公司以前老客户做的案例。今天主要总结下为新品牌开发的2个h5推广&#xff…

依赖包报错Invalid options object. Less Loader has been initialized using an options object that does not

1.问题:yarn安装依赖包,启动项目报错 error in ./node_modules/ant-design-vue/dist/antd.less Module build failed: ValidationError: Invalid options object. Less Loader has been initialized using an options object that does not match the A…

Asp.net页面和Html页面之间的关系

Asp.net页面显然要转化为普通的html页面才能在浏览器中显示,但是对于两者的关系,或者说从服务器在接受请求处理请求这段时间内对asp.net页面的操作一直不是很明白,下边的一段话可以让人豁然开朗,虽然并未谈论技术,但简…

vue-cli2定制ant-design-vue主题

本篇是vue-cli2定制主题,vue-cli3通过vue.config.js定制主题点击此处 1.引入less和less-loader(如果报错,请将less-loader版本更改到5.0.0) npm install less less-loader --save2.在 vue cli 2 中定制主题,修改build…

YUV视频格式分析

Andrew Huang <bluedrum163.com> 转载请注明作者及联络方式在摄像头之类编程经常是会碰到YUV格式,而非大家比较熟悉的RGB格式. 我们可以把YUV看成是一个RGB的变种来理解.YUV的原理是把亮度与色度分离&#xff0c;研究证明,人眼对亮度的敏感超过色度。利用这个原理&#x…