针对前端开花的VScode插件推荐

呐,半年前分享过一次插件推荐,但是即使vscode打上很多的插件开发效率仍然无法与一些IDE相比(webstrom phpstrom....)但是随着版本的更新vscode也集成了一些热门的功能而且插件质量也有所提升,最近开发都在使用VScode逐渐的减少使用webstrom。

呐在这里F_picacho向大家分享下我在使用VScode整理出的插件清单供大家参考。 针对上一次的分享内容有删改,因为vscode最新版集成了一些功能所以有的插件可以删除了,留着影响运行效率。

主题类

默认的vscode暗色系非常生硬,开发过程极影响心情。有一款能让自己愉快编码的主题也会在一定程度上提升编程效率和灵感。当然,不同人对于视觉的偏好是不同的。

通用类

注意这里需要进行对seetings.json文件进行配置 否则可能无法正常使用

ctrl+shift+p进入搜索 搜索seetings.json

插件其启用快捷键

// 默认代码风格配置shift+alt+f 或者直接使用指令Format Selection

"editor.defaultFormatter": "esbenp.prettier-vscode",

"[html]": {

"editor.defaultFormatter": "esbenp.prettier-vscode"

},

"window.zoomLevel": 0,

"[javascript]": {

"editor.defaultFormatter": "esbenp.prettier-vscode"

},

"[json]": {

"editor.defaultFormatter": "esbenp.prettier-vscode"

},

Auto Complete Tag 修改 html 标签,自动帮你完成尾部闭合标签的同步修改

Preview on Web Server 热更新服务器  ctrl+shift+v在视窗内启动预览窗口 ctrl+shift+l在浏览器预览

这里不推荐live server 因为很长时间没有更新了 后期使用还有一些跨域的问题

open in browser 以本地的方式打开文件 支持所有内核浏览器 启用快捷键alt+shift+b

CSS预处理语言类

Easy Sass 编译Sass文件 不需要安装额外的执行环境 但是需要进行配置

// Easy sass插件配置

"easysass.compileAfterSave": true,

"easysass.formats": [

{

"format": "expanded",

"extension": ".css"

},

{

"format": "compressed",

"extension": ".min.css"

}

],

"easysass.targetDir": "./css/",

"workbench.iconTheme": "material-icon-theme" //路径

Sass Sass语法提示

VUE类

Vetur Vue语法提示 高亮

vscode安装旧版本插件_2020 我在使用VScode时安装的插件(针对前端开花推荐)相关推荐

  1. 如何安装旧版本的 R 包

    由于微信不允许外部链接,你需要点击文章尾部左下角的 "阅读原文",才能访问文中链接. 我们在安装 R 包的时候,经常会发现某个最新的包与当前 R 的版本不兼容. > inst ...

  2. 苹果4s手机装 java微信_苹果4s版本过低不能下载微信怎么安装旧版本的

    苹果4s版本过低不能下载微信怎么安装旧版本的以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 没越狱的话就只能连接itun ...

  3. Apple store安装旧版本的软件

    Apple store安装旧版本的软件 算了,真的没有折腾的必要,tmd

  4. 20220413安装旧版本的百度网盘的方法

    20220413安装旧版本的百度网盘的方法 您的电脑已安装版本更高的百度网盘客户端, 如需降级安装,请先卸载当前版本. 新电脑装最新的百度网盘之后,感觉不适应,降级的时候出现这个问题了! 人不如旧,衣 ...

  5. 解决Pthon中无法安装旧版本TensorFlow问题

    解决Python中无法安装旧版本TensorFlow问题 前言 一.报错信息 二.报错原因 三.解决方案 conda命令学习 最终解决 如何使用新创建的环境 pycharm Jupyter 前言 当我 ...

  6. 【ipad+向日葵远程控制】解决ipad上在向日葵中无法使用上下左右键、Tab键(解决方法是:在ipad上安装旧版本向日葵11.2.2,配合使用的是罗技K380键盘)

    目录 参考链接 需要用到的3个工具(都是在Windows电脑上操作的) 开始配置 1. iTunes登录自己的账号 2. 安装旧版本 2.1 iTunes中打开向日葵APP的页面,然后把 iTunes ...

  7. 如何给未越狱的ios下载历史版本的app?未越狱IOS系统安装历史版本软件的方法,iPhone未越狱的手机如何安装旧版本APP?

    如何给未越狱的ios下载历史版本的app?未越狱IOS系统安装历史版本软件的方法,iPhone未越狱的手机如何安装旧版本APP? IOS由于系统机制问题不支持版本回退 某些更新可能导致闪退 卡顿等未知 ...

  8. 安装旧版本插件_iOS 应用降级插件,支持任意版本升降

    软件版本越来越高,功能越来越来越多,升级过后发现还是简简单单的老版本好用怎么办? 对于iOS用户来说,这还真不好办.在App Store下载的应用都是当前的最新版,安装方式也不像安卓系统需要先下载安装 ...

  9. 如何在旧的iPhone或iPad上安装旧版本的iOS应用

    Your old iPad might be still going strong, but if all your apps need newer versions of iOS to run, i ...

最新文章

  1. Python3日期时间的操作
  2. 实现类的多态性,方法的重写和重载
  3. Spark Streaming实时数据分析
  4. 百度AI学习:一、语音识别
  5. TD数量不确定时如何让其宽度平均分布
  6. linux语言yhq,linux通过docker安装kafka
  7. instant java,Instant
  8. Unity3D资源分享
  9. 【语音处理】音频信号分析仪Matlab系统
  10. 计算机基础知识教案总结,计算机基础学习心得体会范文
  11. snmp No Such Instance currently exists at this OID
  12. [css] 你有使用过vmax和vmin吗?说说你对它们的理解
  13. 华为大数据研发第3轮面试
  14. PAT乙级 打印沙漏(20)
  15. 吴恩达《机器学习》第四章:多元线性回归
  16. 计算机考研854题型,2017年中央民族大学854计算机基础综合考研大纲
  17. Redis 九种数据结构及其底层实现 持久化 缓存机制 过期键与内存淘汰 集群等相关知识
  18. java解析html之HTMLparser初次尝试
  19. CS5266+MA8621做TYPEC转HDMI+PD+U3+2U+SD/TF七合一拓展坞方案设计|CS5266多口拓展坞PCB+原理图参考
  20. 百度知道推出企业问答平台

热门文章

  1. AI 重塑 IT 的 5 种方式
  2. 支付宝AI大幅提升细粒度图像分类识别精度,一眼看穿万物细微差异
  3. 从 VMWare 到阿里神龙,虚拟化技术 40 年演进史
  4. 温暖守护美好生活,科技从不冷冰冰
  5. Nginx 原理和架构 | 原力计划
  6. 阿里员工自愿加班却遭同事骂!网友们炸锅了
  7. 一文详解 SpringBoot 多数据源中的分布式事务
  8. @程序员:你的颈椎和你的代码一样有救了
  9. JavaScript 的函数式编程与面向对象编程区别在哪?
  10. 这位 50 岁的海归程序员,当着老板还在天天改 Bug