VScode插件推荐新手入门手册

发布于:2023-01-13 ⋅ 阅读:(465) ⋅ 点赞:(0)

目录

语言包插件:

快捷键修改插件:

辅助功能插件:

前端开发插件:

文件/css路径提示插件:

页面主题插件:

文件图标插件:

编程美化插件:

自动格式化插件:

自嗨娱乐多功能插件:


语言包插件:

快捷键修改插件:

​快速将vscode的快捷键更改成webstrom快捷键

(只修改85%的快捷键)小部分需要自己修改

辅助功能插件:

​📖解释:点击看具体功能介绍

简单介绍:实现了在vscode里查看office系列的文件

​🎡解释:点击看具体功能介绍

简单介绍:自动检测代码中单词拼写是否正确,

检测中英文拼写错误

​🧮解释:点击看具体功能介绍

简单介绍:element-ui提示

使用ui库插件时进行提示,并支持快速生成

​📦解释:点击看具体功能介绍

简单介绍:api接口快速调试插件,

不用再为了查看接口能否请求成功而弄个axios二次封装.

对应括号上下文标签,快速查找添加辅助线设置方法:

点击齿轮,打开后点设置

然后在搜索框搜bracketPairs,按照下方图片修改

前端开发插件:

​📗解释:点击看具体功能介绍

简单介绍:自动帮你补齐结尾标签

​📗解释:点击看具体功能介绍

简单介绍:自动帮你修改前后标签

和上一个插件作组合使用

​🚡解释:点击看具体功能介绍

简单介绍:在开发页面快速预览查看正则表达式效果

📟解释:点击看具体功能介绍

简单介绍:美化json页面

​💻解释:点击看具体功能介绍.

简单介绍:

点击html类名或者id名预览css代码,按住Ctrl键+鼠标左键可跳转到css页面位置.

​🌍解释:点击看具体功能介绍.

简单介绍:自定ui帮你写出适配兼容所有浏览器的代码

有兼容需求是可以下载.

​📲解释:点击看具体功能介绍

简单介绍:快速输出到控制台查看数据.

​🔰解释:点击看具体功能介绍

简单介绍:

支持运行文件中定义的 npm 脚本

用于在import语句中自动完成npm模块

查看依赖是否错误进行警告并提供运行快速修复

在 require 时提供该插件可以获得智能提示,import 语句中自动填充 npm 模块

​📷解释:点击看具体功能介绍

简单介绍:预览引入图片信息

通过此插件,当鼠标悬浮在图片的链接上时,可以实时预览该图片,除此之外,还可以看到图片的大小和分辨率

​🗃️解释:点击看具体功能介绍

简单介绍:为静态和动态页面启动具有实时重新加载功能的本地开发服务器。

​📖解释:点击看具体功能介绍

简单介绍:es6语法规范,真的是又爱又恨,有时候一些写法自己觉得很舒服,他就给你提示不规范,看个人开发习惯.带保存格式化.

​🧭解释:点击看具体功能介绍

简单介绍:可以查看git提交历史,切换分支.

​🧭解释:点击看具体功能介绍

简单介绍:

git团队项目管理工具

这个工具可以清楚的看见哪些bug是谁写的,还有很多功能,也是团队开发中必安的插件

​🖥️解释:点击看具体功能介绍

简单介绍:css属性提示,具体网址内介绍

​🖥️解释:点击看具体功能介绍

简单介绍:js(es6)的代码写法片段提示,补全.

​💾解释:点击看具体功能介绍

简单介绍:vue开发必备插件,具体解释自己点击链接查看.

​🧭解释:点击看具体功能介绍

简单介绍:点击提示按钮查看当前vue依赖最新版本

和一些大版本更新

​💼解释:点击看具体功能介绍

简单介绍:可以快速开发微信小程序,提供代码补全,打包上传,语法高亮,效果预览,项目模板,依赖版本分析.

​🎹解释:点击看具体功能介绍

​🎹解释:点击看具体功能介绍

和上面的扩展都是用于less,具体解释点开链接查看

文件/css路径提示插件:

​💻解释:点击看具体功能介绍

简单介绍:打出/快速提示文件路径

​💾解释:点击看具体功能介绍

简单介绍:快速提示html中写过的类名在css中使用

​💾解释:具体功能介绍

简单介绍:提供import了路径自动完成,因此不必记住那些很长的文件路径。

​💾解释:具体功能介绍

简单介绍:它根据在工作区中找到的定义或通过link

元素引用的外部文件为 HTML 属性提供 CSS 类名称补全。

页面主题插件:

​🎆解释::点击看具体功能介绍

🎆解释:点击看具体功能介绍

简单介绍:webstrom同款主题

文件图标插件:

​📦解释:点击看具体功能介绍

​📦解释:点击看具体功能介绍

​📦解释:点击看具体功能介绍

编程美化插件:

​🌈解释:点击看具体功能介绍

简单介绍:快速查看和可直接更改自己写过的颜色

此扩展可以用来设置 CSS 颜色的样式。除了 CSS 之外,它还会对不显示默认颜色的 JavaScript、HTML、JSON 等文件进行着色。该插件会对颜色名称、RGB、RGBA 和十六进制颜色进行着色。

​🧭解释:点击看具体功能介绍

简单介绍:多个注释不同颜色高亮显示

​🌠解释:点击看具体功能介绍

简单介绍:代码前缩进不同颜色提示,颜色可以自己设置,方法看解释网址.

自动格式化插件:

🗺️解释:点击看具体功能介绍

代码保存后以指定形式保存,

自嗨娱乐多功能插件:

​🎧解释:点击看具体功能介绍

​🎬解释:点击看具体功能介绍

​🎆解释:点击看具体功能介绍

简单介绍:代码编程特效插件


网站公告

今日签到

点亮在社区的每一天
去签到