首页 > 其他分享 >前端开发-vscode必备插件

前端开发-vscode必备插件

时间:2023-11-27 09:27:45浏览次数:36  
标签:插件 vscode Auto 代码 自动 Prettier 前端开发

1. Auto Close Tag

  自动闭合html标签

2. Auto Import

  自动引入

3. Auto Rename Tag

  自动重命名

4. AutoScssStruct4Vue

  根据 vue文件的模板template结构,自动生成对应的 scss文件

  

 

  

5. CodeSnap

  代码生成图片

  

6. codeTour

  代码向导,适合调试逻辑链长的代码,如源码分析

  

7. Color Highlight

  代码高亮

8. Eslint

  Eslint提示

9. Live Server

  帮你在本地生成一个服务器

  

10. Prettier

  Prettier格式化插件

11. px to rem & rpx & vm

  单位转换工具

12. SVG viewer

13. TONGYI Lingma

  AI代码分析,注释工具

14. Turbo Console Log

  生成console.log,辅助工具,免除手敲的烦恼

  

 

标签:插件,vscode,Auto,代码,自动,Prettier,前端开发
From: https://www.cnblogs.com/diantao/p/17858426.html

相关文章

  • Wireshark lua插件开发第二周进展
    1.Lua简介Lua是一种轻量级的脚本语言,解释执行,不需要编译器之类的。Lua的基本语法可以参考官网或者菜鸟教程。Wireshark内置了对Lua脚本的支持,可以直接编写Lua脚本,无需配置额外的环境,使用起来还是非常方便的。[WiresharkDeveloper'sGuide]里的第10章和第11章都是关于Lua......
  • WPS加载EndNote X9插件
    参考官方教程,针对EndNoteX9版本修改1、关闭WPS。2、找到路径C:\ProgramFiles(x86)\EndNoteX9\Product-Support\CWYW,将Cwyw_X86.dat的后缀修改为.zip注意这里是把Cwyw_X86.dat重命名为Cwyw_X86.zip,不是把Cwyw_X86.dat文件压缩成Cwyw_X86.zip3、新建目录C:\ProgramFiles(x......
  • ChatGPTGPT本地一键登录,无需魔法即开即用:PandoraNext重磅归来,支持chatgpt所有最新功
    PandoraNext简单介绍PandoraCloud+PandoraServer+SharedChat+BackendAPIProxy= PandoraNext支持GPTs,最新UI。支持多种登录方式:(相当于PandoraCloud)账号/密码AccessTokenSessionTokenRefreshTokenShareToken可内置tokens(可使用上述所有Token),支持设置密码。(相当于Pan......
  • 惊喜小现:园子的 VSCode 插件
    园子的vscode插件自从2021年12月29日在vscodemarketplace上发布第一版本v0.05以来,已经快两年了。那时我们刚刚忙完忙了大半年的网站整改,百废不知从何处开始兴,一位.NET全栈开发同事一时兴趣边学边做,尝试开发园子的vscode插件。一开始就采用开源的方式,代码托管在git......
  • 高级前端开发工程师必备:Hooks、React Router v6 和状态管理
    点击下方“前端开发博客”,关注并“设为星标”大家好,我是漫步最近一个大佬的简历这样子写的,“可以熟练利用react全家桶进行开发。对ahooks部分源码阅读,加深对hooks的基本使用及其内部的实现原理有了深层次的理解;阅读过react-rouerv6的源码,进行过技术分享;对技术选型(redux、......
  • 【Python】使用vscode编码提示找不到模块
    问题描述已经使用pip安装了模块,但是使用vscode没有代码提示。解决办法这种情况一般是因为pc安装了多个python版本,安装模块的pip不是vscode指定的编译环境。点击右下角,选择环境变量中配置的python版本。解决问题:......
  • 如何安装排版插件?
    如何安装排版插件?用专门的压缩包,解压缩出来几个文件在《原版程序》文件夹中点:setup.exe,完成安装安装中会提示没有GMS文件,不用管它,我们用的是破解精简版选版本,选英语,选地址这一步主要是完成破解版的安装将《汉化文件》中的LangR5,复制到*:\eCut\ini的文件夹内,替换之......
  • IDEA插件
    MyBatisXSaveActions热部署JRebelplugins里面搜索jrebel激活jrebel不要勾选启用自动编译不再显示指引问题1:JRebel-JVMTI[FATAL]Couldn'twritetoC:\Users\win10把中文用户名改成英文 ......
  • 2023版Web前端架构师:引领前端开发的创新与变革
    2023版Web前端架构师:引领前端开发的创新与变革一、前言随着互联网技术的飞速发展,Web前端领域也在不断演进。作为一名2023版的Web前端架构师,你需要具备广博的技术知识、卓越的架构能力以及敏锐的市场洞察力,从而引领前端开发的创新与变革。本文将为你揭示如何在这个充满挑战与机遇的......
  • 新手VSCode配置C++20
    最近买了本C++20的书,想要自己配置下在VScode的环境例子代码:#include<iostream>#include<format>intmain(){std::cout<<std::format("Hello,world!{0}",123)<<std::endl;//输出:Hello,world!123std::stringstr=std::format("......