几个常见的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"}]
}

具体的每一项代表什么,请参考这篇文章
“file”: "前端/indexdb/db.html"里面填写上你的文件的完整路径就可以调试了,vscode也会打开一个新的chorme窗口,但是调试器,输出的会在vscode里显示

几个常见的js插件安装配置相关推荐

  1. JavaScript高级语法打包 - babel插件安装配置报错!Error: Cannot find module ‘@babel/preset-preset.env‘

    目录 1. 插件安装和配置 2. 运行打包 - 报错信息 3. 解决办法 1. 插件安装和配置 安装babel转换器相关的包: npm i babel-loader @babel/core @babe ...

  2. ELK(elasticsearch5.0)head插件安装配置

    elk升级部署到elasticsearch5.0后,安装elasticsearch-head插件遇到一个小问题:版本5.0以后,则并没有按照之前形式管理插件,而是通过npm管理配置. 5.0之前eg: ...

  3. node.js的安装配置教程

    文章目录 安装前环境准备 下载 通过博主的阿里云盘下载 通过node.js官网进行下载 安装 配置环境变量 安装前环境准备 本机系统:Windows 11(64位) Node.js : 16.14.0 ...

  4. Scala SDK及IDEA插件安装配置

    Linux CentOS6.5 Scala SDK安装配置 1. 下载Scala SDK安装包 下载地址:https://www.scala-lang.org/download/ 本文linux版本为 ...

  5. Metrics-server插件安装配置

    1.创建 metrics-server 使用的证书 vim metrics-server-csr.json{"CN": "aggregator","h ...

  6. fastadmin文件上传ucloud云插件安装配置

    项目中如果有大量的文件需要被上传,为避免文件堆积,可以把上传的文件放到云端上面存储,fastadmin后台有一个自带开发插件管理,云存储-->ucloud上传,是免费的,已经能满足大多数项目的文 ...

  7. 站在巨人肩膀上的意思就是拒绝重复造轮子,分享12个常见的js插件

    1.copy-to-clipboard (剪贴板) github/zenorocha/clipboard.js 2.FileSaver (文件另存为) github/eligrey/FileSaver ...

  8. idea vue.js插件安装

    Vue.js for IntelliJ IDEA-based IDEs This plugin provides support for Vue.js in IntelliJ IDEA Ultimat ...

  9. win系统一键安装redmine+配置+插件安装配置教程【原创-亲测安装成功-一枚测试喵】

    一.安装准备 系统:win7/win8/win10,我是以win7为例子来说的,搭建了一个虚拟机,安装的win7-64位系统. redmine版本:bitnami-redmine-3.1.1-1-wi ...

最新文章

  1. c++ class struct同名_第二课C到C++的关系
  2. Java Thread源码分析
  3. java jedis使用_Java中使用Jedis操作Redis
  4. python二分法查找时间点_python有序查找算法:二分法
  5. JS中setAttribute的兼容性问题(摘自leejersey)
  6. [iOS]ARC和MRC下混编
  7. Python编写区块链
  8. 三角函数的思维导图(上)
  9. 16进制颜色透明度对照表
  10. 代码不规范,亲人两行泪——DTO
  11. C#中新建用户控件示例
  12. 独家出品 | 培训机构免费资源汇总
  13. java操作word文档(文字,图片,表格添加以及替换操作)
  14. amazon账号关联|这三点要记牢
  15. 后端优化 | VINS-Mono 论文公式推导与代码解析分讲
  16. SEER数据库中肿瘤发病率计算并绘制发病率趋势图
  17. Visual Studio 一些好用的插件
  18. 【2020年4月9我和小峰子的聊天】
  19. Word控件Spire.Doc 转换教程(二十八):将 Word 转换为 PCL
  20. MySQL面试通关秘籍:这次你也可以在简历写上精通MySQL!

热门文章

  1. 乌班图 安装 nginx rtmp服务器
  2. “动感”新春:香港高铁首次加入春运 车票抢手
  3. 鸿蒙启智 博学多才,明代大才子解缙博学多才, 对的下联构思巧妙, 让人佩服
  4. 关于小游戏初步开发的一些理解
  5. Java实现Excel表格数据的导入(兼容xls与xlsx)
  6. UCloud Ubuntu 18.04 配置GPU环境踩坑指南,包括驱动,CUDA,Docker,Nvidia-Docker等
  7. java随机生成1~5的整数
  8. Base64实现加解密
  9. 论文笔记 | Generating Diverse and Consistent QA pairs from Contexts with Information-Maximizing Hierarch
  10. 记Power BI 中一些常用的函数