几个常见的js插件安装配置_怎么安装js浏览器插件-CSDN博客

本文链接：https://blog.csdn.net/LXpiggy/article/details/108900312

几个常见的js插件安装配置color piker，debugger for chrome

这里推荐几个js插件，并附上安装方法(macos系统下安装)

下面是推荐列表：
1.Color Piker
在这里插入图片描述

在这里插入图片描述

配置起来比较麻烦
在windows系统下，安装npm和nodejs后要配置路径，由于我使用的是mac电脑，不便操作，这里只介绍mac下的配置。
1.首先从这里下载nodejs：Nodejs.com无需配置路径，安装后，打开终端，输入node -v
如果出现：v14.13.0则表示配置成功
同样的方法输入npm -v
出现6.14.8
2.在vs code里面按command+shift+p，输入pick color，然后会提示插件正在配置中，可能需要等待一段时间，随后会自动弹出界面，在以后编程过程中，只要先同时按住option和c，随后松开，只按p就可以使用了。

2.Debugger for Chorme
在这里插入图片描述
先下载插件，然后打开你想要调试的文件夹，点击左侧栏第四个进行调试，会提示需要配置launch.json文件，这里可以使用默认的如下代码：

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
    
       
        
       {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Open db.html",
            "file": "前端/indexdb/db.html"
        }
    ]
}