vscode(VSC) 9大有趣、实用插件

香菊网 发表于: 2019-10-21 分类: H5部分  软件soft  前端front  

前言:

WebStrom 当然好用,人家毕竟是收了钱的,而且你还得有一个高配的电脑,要不然代码开发多了可以卡到你怀疑人生。

 

刚开始实用vscode开发的时候还感觉略显乏力,不过随着插件越来越多,完善的越来越好,使得从sublime愉快的转到vscode中,真的是一时用着一时爽呀。

VSC 本身是基于当前大火的 TS 来写的,所以对于 TS 的支持自然很好;又是基于 electron 开发,底层 Node.js 对前端来说再熟悉不过了。所以,如果你发现哪里不好用,你可以自己写插件呐!如果一个满足不了,那就写两个。

推荐下前端非常实用的vscode插件

1、Windows opacity

可使编辑器 透明 看似没用不用每次开发页面的时候一直 alt + tab 去浏览器里看效果啦

    "winopacity.opacity": 255, // 编辑器透明 100 - 255

vscode_opacity

2、nest

类似有些网站上显示的样子 鼠标可以吸附线体粒子。

我装过之后还可以,就是配置有点低,电脑有点卡, 哈哈

vscode_nest

3、Power Mode 打字特效

安装插件后打开 settings.json 用户设置 添加以下三行代码。

“powermode.enabled”: true, //启动效果
“powermode.presets”: “flames”, // flames 火花效果
“powermode.enableShake”: false // 关闭代码抖动

vscode_power

4、background 背景特效

    "background.useDefault": false, // 背景使用默认
    "background.useFront": false, // 背景在最顶部
    "background.customImages": [ // 背景路径
        "C:/bg-01.png",
        "C:/bg-02.gif",
        "C:/bg-03.gif"
    ],
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "bottom": "0px",
        "right": "100px",
        "z-index": "99999",
        "background-position": "25%",
        "background-size": "cover",
        "background-repeat": "no-repeat",
        "opacity": 0.1
    }

vscode_background

5、epub reader

看小说 这个插件感觉跟上课看小说的经历有点像,可以让开发者们愉快的划水了。

vscode_reader

6、vsc-netease-music

听歌  装上这款插件之后,你就可以使用 VSCode 愉快的听歌啦~

安装之后按下F1 搜索网易云音乐就可以了。

vscode_music

7、隐藏菜单栏

这个属于个人习惯,如果你也感觉菜单栏很碍眼,可以点击查看->切换菜单栏,即可隐藏菜单栏。需要菜单栏的时候按Alt键即可查看

vscode_menu

8、超越鼓励师

安装之后 一小时提示一次 该休息了 程序员为数不多的贴心问候呀

vscode_guli

9、Quokka

console.log(1 + 1)   2  直接计算出结果 方便我们直接看数据类型或者计算

vscode_quoka

能够根据你正在编写的代码提供实时反馈。它易于配置,并能够预览变量的函数和计算值结果。另外,在使用 JSX 或 TypeScript 项目中,它能够开箱即用。

10、Image preview

在代码左边的水槽中 或者鼠标悬停的时候显示显示图像预览

vscode_image

标签: H5部分软件soft前端front
Copyright © 2019 幻雨焉缘博客 | 浙ICP备19001843号-1
----------------------------------
种一棵树,最好的培养时间是十年前,其次是现在 加油  (ง •_•)ง。        ──── 前端攻城狮