XiangJv

前言：

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

 

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

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

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

1、Windows opacity

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

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

2、nest

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

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

3、Power Mode 打字特效

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

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

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
    }

5、epub reader

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

6、vsc-netease-music

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

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

7、隐藏菜单栏

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

8、超越鼓励师

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

9、Quokka

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

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

10、Image preview

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