前言:
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
在代码左边的水槽中 或者鼠标悬停的时候显示显示图像预览
标签: H5部分软件soft前端front