vscode 前端常用必备插件汇总。「建议收藏」

vscode 前端常用必备插件汇总。「建议收藏」持续更新,欢迎推荐好的插件。1.vscode基础智能能提示类插件2.vscode美化优化类插件3.vscode各大框架辅助插件4.markdown工具类插件

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

目录

阿里云对新人也太好了,几十块钱就一年。。。 

持续更新,欢迎推荐好的插件。

一、基础

二、优化

三、框架

四、MarkDown

五、工具



阿里云对新人也太好了,几十块钱就一年。。。


持续更新,欢迎推荐好的插件。

汉化。Chinese

vscode 前端常用必备插件汇总。「建议收藏」

npm Intellisense    npm 模块导入插件

vscode 前端常用必备插件汇总。「建议收藏」

Sync Settings       设置同步插件,不用每次配置,云同步

vscode 前端常用必备插件汇总。「建议收藏」

一、基础

1.HTML Snippets   智能提示HTML标签,以及标签含义

   vscode 前端常用必备插件汇总。「建议收藏」

2.HTML CSS Support   智能提示CSS类名以及id 

 vscode 前端常用必备插件汇总。「建议收藏」

3.JavaScript(ES6) code snippets     ES6语法智能提示,快速输入,还支持.js,还支持.ts,.jsx,.tsx,.html,.vue

vscode 前端常用必备插件汇总。「建议收藏」

4. jQuery Code Snippets  jQuery代码智能提示

vscode 前端常用必备插件汇总。「建议收藏」

5. Code Runner  运行js等。

vscode 前端常用必备插件汇总。「建议收藏」

6. TypeScript Hero  TS开发提示工具

vscode 前端常用必备插件汇总。「建议收藏」

二、优化

1.Bracket Pair Colorizer     给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

vscode 前端常用必备插件汇总。「建议收藏」

2.Auto Close Tag    自动闭合HTML/XML标签

vscode 前端常用必备插件汇总。「建议收藏」

3.Auto Rename Tag    自动完成另一侧标签的同步修改

vscode 前端常用必备插件汇总。「建议收藏」

4.open in browser   支持右键打开文件。

vscode 前端常用必备插件汇总。「建议收藏」

5.Path Intellisense   自动提示路径,快速导入文件。

vscode 前端常用必备插件汇总。「建议收藏」

6.Material Icon Theme   好看的文件图标。

vscode 前端常用必备插件汇总。「建议收藏」

7.Source Code Pro    好看的字体

vscode 前端常用必备插件汇总。「建议收藏」

8.Beautify   代码格式化。

vscode 前端常用必备插件汇总。「建议收藏」

  • 小技巧:对象或者解构赋值老是换行。
  • 在vscode 设置里面修改如下
    "beautify.config": {  "brace_style": "collapse,preserve-inline"}

8.Power  Mode 酷炫的输入动效

vscode 前端常用必备插件汇总。「建议收藏」

9.Document This    js代码规范注释

vscode 前端常用必备插件汇总。「建议收藏」

10.Code Spell Checker     英语拼写检测,对于js命名很有用哦

vscode 前端常用必备插件汇总。「建议收藏」

11.vscode-fileheader     作者个人信息注释,自动保存最后代码书写时间

vscode 前端常用必备插件汇总。「建议收藏」

12. ESLint               js语法检测,痛并快乐着。

vscode 前端常用必备插件汇总。「建议收藏」

13.codelf       程序员命名神器,支持多种语言。

vscode 前端常用必备插件汇总。「建议收藏」

14. Visual Studio Code Commitizen Support       git提交规范插件。 

vscode 前端常用必备插件汇总。「建议收藏」

15。koroFileHeader (快捷代码注释插件)

vscode 前端常用必备插件汇总。「建议收藏」

16。 Project Manager  多个项目管理插件。

vscode 前端常用必备插件汇总。「建议收藏」

17. Prettier ESLint (eslint格式化工具)

vscode 前端常用必备插件汇总。「建议收藏」

三、框架

1.Vetur    Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger

vscode 前端常用必备插件汇总。「建议收藏」

2.React/Redux/react-router Snippets    react智能提示。

vscode 前端常用必备插件汇总。「建议收藏」

3.Angular 5 Snippets      angular智能提示。

vscode 前端常用必备插件汇总。「建议收藏」

4.Node.js Modules Intellisense      node.js智能提示。 

vscode 前端常用必备插件汇总。「建议收藏」

5. Element UI Snippets   element UI提示

vscode 前端常用必备插件汇总。「建议收藏」

6. ES7 React/Redux/GraphQL/React-Native snippets (更加好用的react提示工具,丰富的快捷键)

vscode 前端常用必备插件汇总。「建议收藏」

7. NestJs Snippets (nest.js提示工具)

vscode 前端常用必备插件汇总。「建议收藏」

8. Volar (vue3提示工具,兼容一些新特性)

vscode 前端常用必备插件汇总。「建议收藏」
9. Vue 3 Snippets (vue2,vue3的一些快捷代码块)

vscode 前端常用必备插件汇总。「建议收藏」

四、MarkDown

 1.Markdown Preview Enhanced   (可以用markdown语法编辑,预览)

vscode 前端常用必备插件汇总。「建议收藏」

2. Markdown Table Formatter   (markDown 格式化插件)

vscode 前端常用必备插件汇总。「建议收藏」

五、工具

1. px to rem (px转换rem工具)

vscode 前端常用必备插件汇总。「建议收藏」

2.  Remote – SSH (连接服务器管理文件)

vscode 前端常用必备插件汇总。「建议收藏」

3. GitLens (文件修改记录器)

vscode 前端常用必备插件汇总。「建议收藏」

4. Import Cost (显示引用包大小)

vscode 前端常用必备插件汇总。「建议收藏」

5. koroFileHeader (快捷注释,国产依赖,文档友好)

vscode 前端常用必备插件汇总。「建议收藏」

6. Error Lens   (非常棒的一个错误提示工具)

vscode 前端常用必备插件汇总。「建议收藏」

7. Polacode  (代码截图工具)

vscode 前端常用必备插件汇总。「建议收藏」

8.  JavaScript Booster (检测优化你的代码)

vscode 前端常用必备插件汇总。「建议收藏」

9.  REST Client  (编辑器调试接口)

vscode 前端常用必备插件汇总。「建议收藏」

10. any-rule (正则提示)

vscode 前端常用必备插件汇总。「建议收藏」

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/164335.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 一文搞懂基因融合(gene fusion)的定义、产生机制及鉴定方法[通俗易懂]

    一文搞懂基因融合(gene fusion)的定义、产生机制及鉴定方法[通俗易懂]一般来说,基因融合是指基因组层面的融合。但转录组层面也可能发生融合,主要是由于两个不同基因转录产生的RNA,由于某种原因融合在了一起,形成新的融合RNA,该RNA可能编码蛋白,也可能为非编码。而基因组

    2022年8月6日
    2
  • nginx负载均衡算法有哪些_dubbo负载均衡算法

    nginx负载均衡算法有哪些_dubbo负载均衡算法nginx负载均衡的几种算法

    2022年10月12日
    0
  • 使用VS2010打包软件详解!

    使用VS2010打包软件详解!使用VS2010下VisualStudioInstaller工程进行软件安装包制作        软件在功能开发实现后,其实并没有真正的完成。对于一个专业的开发者来说,Release软件应该是以安装版本的形式进行发布的,这篇文章将具体介绍如何使用VS2010下VisualStudioInstaller进行打包软件。Setp1.首先建立VisualStudio

    2025年5月31日
    0
  • DOS命令COPY与XCOPY有什么区别「建议收藏」

    DOS命令COPY与XCOPY有什么区别「建议收藏」内部命令COPY与外部命令XCOPY在作用及使用方法上有什么区别?首先说一下内外部命令的区别,内部命令是在启动DOS后调入计算机内存中常驻的,外部命令是刻在磁盘上面的,使用时内部命令可以在每一个盘符下从内存直接执行,而外部命令执行时除了外部命令所在目录及设定好路径的盘符下执行外,在其它位置执行都需要指明此命令所在路径,执行时都是从磁盘调入内存来执行。至于COPY和XCOPY的区别是:用

    2022年7月18日
    13
  • 一笔画奇点偶点_一笔画图形奇点

    一笔画奇点偶点_一笔画图形奇点由一点引出的百线段为奇数个,则这个点为奇点。由一点引出的线段为偶数个,则这个点为偶点。一个图形判断能否被一笔画下来,关键是看奇点的个数:当奇点为0个或者2个时(不可能为一个,奇点都是成对出现),

    2022年8月4日
    6
  • Pycharm中调用kinect_python中的pandas库

    Pycharm中调用kinect_python中的pandas库pycharm中调用pandas1.因为学习了pandas的知识点,所以就找些实例去练手。结果在pycharm中输入importpandsaspd时,pandas单词这里会被标注红色,然后根据提示,我就去settings…中去进行设置,settings->project->projectinterpreter可以看到package中没有pandas包。点击右上角的加…

    2022年8月29日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号