开发工具
关注
分享
扫一扫
文章平均质量分 84
Jioho_
这个作者很懒，什么都没留下…
展开
-
使用 vscode 调试 midwayjs 程序（包括源码）
掌握调试技能，逐行阅读源码不是梦！使用vsocode强大的debug功能，调试midway程序，深入源码学习。基于这些调试配置，随时随地开启各个源码库的debug学习原创 2022-10-02 02:59:39 · 1718 阅读 · 1 评论 -
chrome V3插件入门到放弃，Plasmo不完全使用指南
本文介绍了Plasmo这个工具，可以用来适应各种的技术框架，让你快速上手插件开发。同时也说了一下chrome插件升级到V3需要注意的内容和分享了一些快速入门的优秀文章和文档原创 2022-09-03 00:27:59 · 12395 阅读 · 5 评论 -
node 获取文件编码，批量转换文件编码
node 批量转换文件编码解决方案使用 npm@jschardet 获取文件编码信息（并非 100%准确）通过 npm@iconv-lite 结合文件二进制流，重新识别文件内容核心代码如下：const fs = require('fs')const path = require('path')const jschardet = require('jschardet')const iconv = require('iconv-lite')function decode(file) {原创 2022-05-04 15:05:18 · 2187 阅读 · 0 评论 -
window 使用 Edge/Chrome 调试手机 iOS 的 Safari 浏览器
先上效果图真机PC Edgewindow 使用 Edge/Chrome 调试手机 iOS 的 Safari 浏览器Safari 是 苹果配套的浏览器，正常来说如果使用的是 macOS 直接一条数据线就可以连接调试了but 今天的主题是 window 系统调试 iOS 手机浏览器如果要调试的界面没有 https 的话，直接用 spy-debugger 或者 whistle 也是很方便的。然而如果要调试 https 界面，证书都能搞掉半条命安装需要的依赖包重点：下面的操作都需要在 W原创 2021-08-28 23:15:53 · 10624 阅读 · 7 评论 -
window平台编译draco库
文章目录window 平台编译 draco 库环境准备cmakeVisual Studio开始编译获取最新的代码CMake 使用友情链接：window 平台编译 draco 库前面一篇文章讲了一下 three.js 的使用 VR 效果 前端使用 three.js 加载 Obj（三维模型文件）也附上了 linux 编译 draco 的过程。也提供了 window 平台下的 .exe 文件不过最近遇到一个问题就是，编译后的代码是旧的，draco 也一直在更新迭代。所以今天就补上 window 平台编译原创 2021-04-13 14:21:09 · 2708 阅读 · 3 评论 -
node爬虫puppeteer使用
node 爬虫 puppeteer 使用puppeteer 是一个基于 Chromium 的 node 爬虫框架。其厉害之处就是他具备浏览器的所有功能，并且通过 nodejs 就可以控制。完美实现我们要的爬虫效果 (后面附有完整代码~)安装 puppeteer 时还会同步下载 Chromium 。网络不好的直接用 cnpm 下载即可。当然官方也有一个另外的包，原话如下：Since version 1.7.0 we publish the puppeteer-core package, a versi原创 2021-04-11 19:44:41 · 4749 阅读 · 1 评论 -
调试node程序工具对比
调试 node 程序本文或许有点长，因为调试 node 真是折磨了很久，最后的当然也是找到了称心如意的工具，看下图！！何为称心如意？热更新console 查看输出的对象（命令行看 js 输出的对象真是噩梦）方便调试，包括且不局限于：断点，运行单个文件，等…上面的图看起来像是 chrome 控制台，但绝对不仅仅只是 --inspect-brk 打开的那个感兴趣的可以看下下面一个个工具的对比，如果想直接达到上图的效果直接找到 ndb 的目录去把~热更新代表 nodemon::: tip原创 2021-03-28 21:53:36 · 638 阅读 · 0 评论 -
PicGo+Gitee搭建自己的图床
PicGo+Gitee 搭建自己的图床有写博客的人都知道有一个好的 免费 图床多么重要，很多都是说把图床搭到 github 上。可是那访问也太慢了，好在国内还有 码云PicGo这个工具无需多言，好用，支持多图床配置，也是今天的主角默认安装完是没有 Gitee 图床的，所以需要到插件市场找一个注意这里有 2 个很像很像的插件，不要装错了，另外一个配置在我印象中是比较复杂的，圈住的这个相对来说简单很多安装完成后就会多一个 Gitee图床 的配置了。新建图床仓库新建 git 仓库我就不多说了原创 2021-03-28 18:24:09 · 280 阅读 · 0 评论 -
gitbash设置别名
别名设置cd /etc/profile.dvim aliases.sh可以看到 ls 和 ll 是系统原先就配置好了。接下来根据原有的格式，添加自己想要的别名比如添加的 ns = npm run serve。以后启动项目，直接 ns 即可。如何新增点击 i 进入编辑模式。输入好内容后，按下 esc , 然后输入 :wq 即可保存退出保存后执行 source ./aliases.sh 重启终端就可以window Termial 不识别别名如果已经安装了 window Termial 并原创 2021-03-28 17:50:55 · 501 阅读 · 1 评论 -
调试微信 PC 端的内置浏览器界面
调试 PC 端的内置浏览器界面很多网页都有用到微信授权，这意味着很多页面都必须在微信内置的浏览器才能打开。可是这时候想看下网页的代码，调试下，就没法子了。今天就来解决这个问题：因为微信用的也是 Chromium 内核，只是禁了右键和 F12。把控制台阉割了，我们要做的就是把控制台加回来！查看浏览器内核位置<html> <script type="text/javascript"> window.open('chrome://version') </scr原创 2021-03-13 18:09:43 · 18123 阅读 · 25 评论 -
使用 webpack 搭建 vue 开发环境（四）
使用 webpack 搭建 vue 开发环境（四）对应分支 Jioho/webpack_config@v0.0.4公共模块一起打包在开始之前，直接运行一下打包，看下优化前的效果：可以看到打包了 3 个 html 页面，对应着 3 份 JS看下 dist 目录下的 JS 的内容（goods 模块和 user_setting 模块）：代码看着是一样的，因为页面的 JS 都是一样的，差别不大，不过下面的 vue.js 又重复引入了一次，就是有多少个模块，vue 就得引入多少次像这种公共资源，其实可原创 2021-02-07 11:48:55 · 184 阅读 · 0 评论 -
chrome Performance 使用
chrome 大法好chrome Performance 应该都不陌生，但是不陌生代表会用~今天就来记录一下 chrome Performance 的冰山一角开始既然是性能调试，那就不要掺杂其他的因素影响。很多教程第一步就是打开隐身模式。但是插件咋办？我就是个十足的插件迷总不能都卸载了把，手动隐藏？那也太累了把，就没别的办法了吗？准备干净的 chrome找到 chrome 的快捷方式，90% 都是在这里了，C:\Program Files (x86)\Google\Chrome\Appli原创 2021-01-24 20:03:24 · 2251 阅读 · 0 评论 -
chrome 报错 navigator.mediaDevices is undefined
what?chrome 会报错？你代码写错了把！chrome 报错 navigator.mediaDevices is undefined最近在开发一个摄像头项目（多人会议，需要摄像头~~）。然后同事的电脑调试好好的，到我这里就报错了，我的 chrome 版本一直都在最新的，为啥到我这反而还不兼容？原来是以后的内容会越来越严格chrome：想调用摄像头？可以啊，拿出你的https证书给我瞧瞧解决问题毕竟不可能到处都有 https 证书把，总得本地调试把，localhost 域名总会有吧。于是发原创 2020-10-28 21:55:58 · 6990 阅读 · 2 评论 -
使用 edge 或 chrome 调试 安卓app/手机网页
edge 真香啊从路转粉到转正的 edge虽然目前主力浏览器还是 chrome。毕竟 edge 上插件还没那么多，很多从 chrome 同步过去的插件都是用不了/报错了。但是这并不影响 edge 的进步！尤其是国内的网络，edge 能满足大部分的需求。加上 edge 控制台的字体，配色，深得我心~。等 edge 插件市场成长起来后，一定把 edge 当主力！回到正题，调试 H5每次说到调试 H5，好像有很多工具，又好像很多都拿不出手。比如:fiddler 普通的抓包工具了spy-deb原创 2020-10-28 21:55:16 · 30435 阅读 · 4 评论 -
前端错误日志监控-sentry 使用篇
前端错误日志监控-sentry 使用篇安装 sentry 的文章在这里：前端错误日志监控-sentry 安装接下来主要介绍 sentry 的日产使用，包括但不局限于：文章目录前端错误日志监控-sentry 使用篇基础的配置修改语言，修改时区设置 apikey创建一个项目管理接入 vue 项目上传 sourceMap 定位问题添加发布的版本号邮件提醒自定义错误消息基础的配置修改语言，修改时区平台默认是全英的，有时候靠翻译也比较麻烦，其实支持切换部分中文（毕竟还没完全翻译过来）时区就在语言下面的原创 2020-06-21 12:54:46 · 4321 阅读 · 6 评论 -
前端错误日志监控-sentry安装
前端错误日志监控-senrry 之 安装篇文章目录前端错误日志监控-senrry 之 安装篇题外话senrry 「哨兵」 优点正题：senrry 安装安装 docker下载安装脚本修改镜像创建初始帐号运行 sentry最后说一句题外话前端作为最接近用户的一端，有非常重要的责任。响应要快，操作要流畅等，然而 JS 的单线程设计，和 dom 不能同时渲染的设计，让你的 JS 报错分分钟就卡在那里动不了。简单来说：体验贼差有报错咋办？调试呗，可以看之前出的很多调试的文章：主推是 spy-debugg原创 2020-06-21 01:57:47 · 3308 阅读 · 11 评论 -
通过 FFMPEG，为视频添加字幕
由于mp4容器，不像MKV等容器有自己的字幕流。像MKV这种容器的视频格式中，会带有一个字幕流，可以在播放中，控制字幕的显示与切换，也可以通过工具或命令，将字幕从视频中分离出来。而MP4格式的容器，是不带字幕流的。所以如果要将字幕集中进去，就需要将字幕文件烧进视频中去。烧进去的视频，不能再分离出来，也不能控制字幕的显示与否。命令如下：ffmpeg -y -i 6e28.flv -vf su...转载 2020-05-04 10:21:33 · 4118 阅读 · 0 评论 -
linux 安装 Jenkins 实现自动获取代码 打包前端代码
linux 安装 Jenkins 实现自动获取代码 打包前端代码JenkinsJenkins 并不是编程语言，只是一个工具，用 java 编写的一个工具，所以需要java环境他可以帮我们实现监听代码的更新，并且执行自动化流程（比如打包 vue 文件，打包 react 文件，或者后端的文件编译等等）以下的步骤均在centos 7环境下执行，所以有些包的安装使用的是 yum 源。如果用的是 u...原创 2020-04-28 18:34:25 · 1019 阅读 · 4 评论 -
VR 效果 前端使用 three.js 加载 Obj，drc文件（三维模型文件）
VR 效果 前端使用 three.js 加载 Obj（三维模型文件）前言：我对 three.js 并不熟！只是朋友有这个需求，写了几个 demo 运行，能看~。如果想深入学习，还需要多看看官方文档，这里只做个记录，学习难度：仅供入门学习下面的 demo 其实都是网上大神的代码，我只是收集，拼凑显示了出来 ~代码我已经全部放在码云了。想要源文件的可以到码云下载 ~ demoVR-three...原创 2020-04-25 23:00:35 · 4535 阅读 · 1 评论 -
手机调试 H5 vue-devtools weinre fiddler
手机调试 H5（vue 方向）代码 bug 多没关系，关键是可以及时定位到问题！小提示：不知道是不是 fiddler 的原因，不能在微信的网页注入 JS。所以以下调试均在手机浏览器中进行，当然如果可以自己在页面引入调试资源，那也是可以滴！手机使用 vue-devtools 调试开发 vue 应用的时候，chrome/firefox 有 vue-devtools 插件。那手机端呢？还有...原创 2020-04-14 10:39:19 · 1483 阅读 · 0 评论 -
爬取小程序线上代码
爬取小程序线上代码因为某种原因，丢失了部分小程序代码，不过程序在线上是正常运行的，于是找到了一款工具，可以爬取线上的代码，在自己慢慢的反编译回来需要的工具夜神模拟器（因为有 root 权限，或者有已经 root 的手机亦可）一个伟大的开源库 https://github.com/xuedingmiaojun/wxappUnpacker 原作者已经不维护了，这是其他大神留下的库还有一...原创 2020-03-26 16:15:42 · 3377 阅读 · 1 评论 -
vscode对vue文件没有智能提示 node-sass无法安装
如题前几天在搭建新的项目的时候，脚手架升级到了 vue-cli4.x 的版本，然后像往常一样创建了新的项目。可是在安装依赖的过程中，node-sass 需要在 github 上下载一个依赖包。一直没安装成功，后来改用了 cnpm (淘宝的镜像)去安装全部依赖。依赖是装上了，可是引发了下面的很多问题vscode 对于 vue 文件无法进行智能提示没有智能提示那简直比白板面试还要难受，甚至乱...原创 2020-03-01 15:46:44 · 2037 阅读 · 0 评论 -
git 使用 tree命令
前言很久之前看到这种树状结构，我一直以为是自己一点点敲出来的。后来在 linux 上才发现，这是一个 tree 的命令行工具生成的。今天发现原来 window 平台的 git 也可以安装 tree。记录一下过程和普及下 tree 命令├── README.md├── babel.config.js├── package.json├── public│ ├── favicon.ico...原创 2020-02-27 22:33:55 · 8337 阅读 · 1 评论 -
在wsl中使用node和wsl与window环境冲突问题 使用 Ubuntu 系列（6️⃣）
window Terminal/wsl 真香自从换上了window Terminal。总算找到一些命令行的感觉。比如终于装上了 oh-my-zsh 。用上了 zsh 各种方便的插件。可是对于全局的环境来说 wsl 还是差了那么一点味道，node 之类的在 window 下安装了在 wsl 中不通用！今天我们来把 wsl 的 node 环境也装上没装之前查看 node 版本和 npm 版本...原创 2020-02-26 14:36:08 · 4143 阅读 · 9 评论 -
ffmpeg合并M3U8加密的视频 ts 合并为 mp4
文章引用于 ffmpeg 合并 m3u8 ts key 文件 解决 Invalid data found when 错误之前也写过一篇文章，使用ffmpeg下载 M3U8 资源的视频。今天接着来拓展一下这个下载视频寻找资源要想下载 M3U8 的资源，最起码得找到下载的链接，可能这个非常好找了，找到控制台的 NetWork 查看请求就行了。可是这有一点非常不好的就是，使用 ffmpe...原创 2020-02-23 22:28:22 · 24745 阅读 · 6 评论 -
Ubuntu 安装 thefuck
Ubuntu 安装 thefuckthefuck 是一个命令行插件，用于敲错命令了，输入一个 fuck 即可获得提示thefuck github 地址根据 github 的介绍，thefuck 依赖与 python3,python3-dev ,pip3,还有 python3-setuptoolsubuntu 踩坑之旅在桌面版中，内置了 python2 和 python3。可是默认是...原创 2020-01-17 09:47:56 · 2249 阅读 · 0 评论 -
wsl 子系统(window 上的 linux 系统)迁移到非 C 盘的位置 使用 Ubuntu 系列（5️⃣）
wsl 子系统(window 上的 linux 系统)迁移到非 C 盘的位置 使用 Ubuntu 系列（5️⃣）在 Windows Terminal 使用 gitbash美化 Windows Terminal（iTerm2-Color-Schemes)win10 安装 Ubuntu 和 Windows Terminal添加 window terminal 到右键菜单...原创 2020-01-15 14:19:30 · 9513 阅读 · 9 评论 -
使用 weinre/spy-debugger 调试手机页面
使用 weinre 调试手机页面很久之前折腾过 chrome 的调试工具,感兴趣可以看下这个: chrome 调试手机网页可是局限性太大了：需要是 Android+chrome需要运行在 Android 的 chrome 上才可以，如果进行微信/其他平台的 H5 开发并不能很好的调试有墙！实力劝退使用 weinre 就不存在那么多限制了，下面的操作是在 window+Andoid ...原创 2019-12-25 12:00:01 · 1580 阅读 · 0 评论 -
ubuntu 安装 zsh 和常用插件
ubuntu 安装 zsh 和常用插件为什么要写这文章？因为我踩到了人家没遇到的坑！第一部分，先安装吧# 安装zsh。这是基础sudo apt install zsh# 将终端设置为 zshchsh -s /bin/zsh也可以通过修改 /etc/passwd 文件查看注意看我的 jio就是当前等你的用户名的哪一行，最后用的是 bin/zsh。这就说明已经改成功了。pa...原创 2019-11-30 23:15:30 · 3478 阅读 · 0 评论 -
多台电脑同步VSCode的配置和插件
引用大神博客，给自己也做个笔记：同步VSCode配置转载 2018-11-04 23:17:24 · 4331 阅读 · 0 评论 -
使用vue-cli脚手架 esline 语法有误问题
在vscode环境下开发vue，难免会遇到esline语法问题，一连串的报错信息。解决方法：1、先准备3个插件1）Vetur2）Prettier - Code formatter3）ESLint然后修改用户的配置文件，我的配置如下：{ "workbench.startupEditor": "newUntitledFile", "editor.fontSize": 16...原创 2018-10-28 23:28:47 · 972 阅读 · 0 评论 -
VSCode 配置并使用less
在VsCode中使用Less方法：安装node.js （这是基本操作了。LESS需要有node.js支持，安装node.js略过）在VSCode中。搜索插件 Easy LESS。安装，安装完后最好重启一次VSCode普通的使用需求都可以满足了。在需要生成css文件的地方，新建一个.less文件。如图： 在里面写你需要的样式，保存后，会自动在同级目录下，生成同样名称的css文件至...原创 2018-09-06 17:57:50 · 23481 阅读 · 1 评论 -
vscode使用Debugger for Chrome配置
使用VSCODE开发html的时候，难免少了调试。可是按下F5会自动打开chrom。并且打开 localhost:8080，如图： 这时候只需要改一下配置文件{ "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch&quo原创 2018-08-16 11:03:46 · 5829 阅读 · 0 评论 -
VScode 常用插件推荐
文章持续更新中，如果有好用的插件会及时补充到文章中ESLint 前端开发必备，检测es6语法是否正确 Auto Rename Tag 标签自动更新 有了这个插件，比如想把div改成p，那么只需要修改前面的div标签，对应闭合的div标签会自动跟着变化JS-CSS-HTML Formatter JS - CSS - HTML 代码整理工具，强迫症必备（比如我）mini...原创 2018-08-12 16:21:45 · 5041 阅读 · 0 评论 -
配置本地Maven仓库——IDEA配置本地Maven源
Maven基础配置 现在大多数都是使用maven管理项目所需的资源文件，可是因为maven的远程仓库多数都很难下载，所以我们可以通过配置国内镜像，配置本地maven源。1、下载mavenmaven下载链接2、maven下载后是一个压缩包，直接解压即可使用 这里网吧maven安装在D盘，所以在D盘解压，如图： 3、配置Maven的环境变量 以win10为例，找到...原创 2018-07-14 18:21:18 · 51482 阅读 · 14 评论 -
在linux中搭建自己的git仓库
在之前的一篇文章中罗列出了git常用的命令和场景，之前的git命令学习是基于码云或者github其他第三方托管平台，当然也可以在自己服务器上搭建git仓库，自行管理自己的项目代码。这样安全性有保证了，可是也失去了第三方托管平台的图形化界面操作的便捷。以下步骤也可以在虚拟机中尝试流程：在linux上安装git在linux中新建一个git用户创建ssh证书导入ssh证书选定一个空目录作为代码仓库更改g...原创 2018-07-11 22:15:45 · 13057 阅读 · 9 评论 -
cmd转cmder折腾记
实在是看不下去cmd的样式和命令的格式。于是转向cmder试试水，cmder好的就是兼容了linux的命令。这样用的还算习惯下载链接：cmder官网 要下载mini版还是完整版就因人而异咯。解压即用，所以不在叙述安装过程。。。作为一个颜控，第一个看到的就是cmder的 λ 符。不行！得改修改cmder的默认符号对1.3.1版本之前的：找到安装目录下的 vendor 文件夹下的 ...原创 2019-03-29 14:54:35 · 451 阅读 · 0 评论 -
本地运行vue项目跨域问题完美解决方案
前言 ： 本文用的是 vue cli 3.x 的版本使用 vue 开发项目的时候少不了和后端进行联调，假设后端的接口请求路径为 http://test.com/…然后我们直接使用 npm run serve 启动的服务则是 localhost:8080这时候直接在项目中请求接口会被跨域请求拦截！下面记录下我解决的过程解决的过程并非那么顺利，中间查了很多资料，比如代理请求啊之类的，然而都...原创 2019-05-14 12:15:07 · 21402 阅读 · 5 评论 -
同一台电脑 实现 vue-cli2和vue-cli3同时并存
win下 vue-cli2 和 vue-cli3 并存，一起使用开局一张图，内容慢慢编！文章目录win下 vue-cli2 和 vue-cli3 并存，一起使用安装vue-cli版本检验安装是否成功修改vue2和vue3的名称配置环境变量打开环境变量所在位置新建系统变量最后修改Path变量最后。重启电脑就行了vue2和vue3命令，分别代表了vue-cli2 和 vue-cli3的运行环...原创 2019-05-23 00:11:21 · 15162 阅读 · 30 评论 -
添加 window terminal 到右键菜单
安装、美化 Windows Terminal（iTerm2-Color-Schemes），使用 Ubuntu 系列（4️⃣）在 Windows Terminal 使用 gitbash美化 Windows Terminal（iTerm2-Color-Schemes)win10 安装 Ubuntu 和 Windows Terminal添加 window terminal 到右键...原创 2019-09-22 15:07:59 · 15332 阅读 · 25 评论