VS Code 前端常用插件

这里把自己常用的VS Code插件手动备份一下,以防重装系统忘记

  • 因为目前接触的是前端,所以备份的插件都是关于前端的

1. Debugger for Chrome

  可以在Google Chrome浏览器中方便的调试js,html,在VSCode中打断点,查看输出,查看控制台,很方便

  不过要配置一下launch.json如下

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
        "name": "使用谷歌浏览器调试",
        "type": "chrome",
        "request": "launch",
        "file": "${file}"
    },
    {
        "type": "node",
        "request": "launch",
        "name": "使用node调试js",
        "program": "${file}"
    } 
    ]
}

2. Beautify

  代码美化,对我这个强迫症来说简直不要太舒服

3. Code Runner

  调试输出代码,简单说就是不用搭建各种语言的开发环境,直接通过此插件就可以直接运行对应语言的代码,非常适合学习或测试各种开发语言

4. Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets for Visual studio code

  这名字有点长,但是它集成了bootstrap和fontawesome的引用,直接输入b4回车,立马就给你一个引用了bootstrap和jQuery的标准HTML框架,一个字方便!

5. Monokai

  这是一个主题,好像VScode自带了吧,没办法Sublime过来的实在是忘不掉这个主题

最后修改:2019 年 05 月 25 日 10 : 27 AM
如果觉得我的文章对你有用,请随意赞赏

发表评论