![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
工具使用
开发工具
one.dream
https://github.com/wj100
展开
-
js录制屏幕
将一下代码复制到控制台 然后双击网页触发录制。原创 2023-02-02 16:48:10 · 12015 阅读 · 0 评论 -
mac鼠标和触控板方向相同
https://pilotmoon.com/scrollreverser/原创 2022-10-12 16:37:54 · 6520 阅读 · 0 评论 -
webpack常用loader和plugin
webpack原创 2022-09-01 11:52:19 · 4774 阅读 · 0 评论 -
win10开启ssh-agent
右键“我的电脑”(Windows 10上为“此电脑”),选择“管理”菜单项,打开计算机管理窗口。原创 2022-06-29 09:33:10 · 5210 阅读 · 0 评论 -
ffmpeg转化视频格式 去水印
转化格式ffmpeg -i xxx.flv -b:v 640k xxx.mp4去水印 参数代表坐标与尺寸ffmpeg -i “E:\迅雷下载\047.mp4” -vf “delogo=x=9:y=293:w=136:h=94” -c:a copy “47.mp4”原创 2022-05-24 23:41:43 · 10283 阅读 · 1 评论 -
fiddle批量代理文件
原创 2022-03-24 16:45:00 · 1436 阅读 · 0 评论 -
个人博客搭建
之前博客是写在csdn的,想搭建一个自己的网站爬取blog入数据库(python)后端接口开发(查询,搜索,评论)前端页面开发(nuxt服务端渲染)部署原创 2021-09-29 10:02:34 · 7037 阅读 · 0 评论 -
【linux】本地文件与服务器互传
scp将test.txt下载到本地D盘的work文件夹 # 文件 scp root@111.11.11.1:/www/static/test.txt D:/work/ # 文件夹 scp -r root@111.11.11.1:/www D:/将本地test.txt上传到服务器/www/work/ # 文件 scp D:/test1.txt root@111.11.11.1:/www/static/ # 文件夹 scp -r D:/test root@111.11.11.1:/w原创 2021-09-28 10:34:26 · 2394 阅读 · 0 评论 -
nuxt项目部署
搭建搭建其实没什么好说的,跟着文档走然后在page下多建一个页面部署接下来去服务器推荐一个很好用的vscode插件【remote ssh】,可以在本地进行云开发服务器环境node,yarn(个人喜好),nginx//centos 安装yarncurl -sL https://dl.yarnpkg.com/rpm/yarn.repo -o /etc/yum.repos.d/yarn.repo...原创 2021-09-27 11:25:10 · 11736 阅读 · 0 评论 -
【linux】开发环境配置
作为一名前端,肯定要装node了node# node下载到这里cd /usr/local# 下载 先随便下个版本 后面用n切换wget https://nodejs.org/dist/v10.15.3/node-v10.15.3-linux-x64.tar.xz# 解压tar -xvf node-v10.15.3-linux-x64.tar.xz# 重命名mv node-v10.15.3-linux-x64 node# 设置node软连接ln -s /usr/local/no原创 2021-09-26 17:58:53 · 11521 阅读 · 0 评论 -
【linux】美化终端 oh-my-zsh
上回书说到vscode连接liunx,默认 CentOS / Ubuntu / Mac 系统用的是 Bash有点丑,而且使用体验也不是很好,我们使用on-my-zsh改造一下安装zshsudo yum install -y zsh安装oh-my-zsh1.这是一个github开源项目,所以先装个git,当然有的服务器可能自带gitsudo yum install -y git2.安装oh-my-zsh(任选其一)curl安装sh -c "$(curl -fsSL https:原创 2021-09-26 15:08:41 · 2834 阅读 · 0 评论 -
【linux】remote-ssh配置(vscode云开发)
服务器重装系统,重置密码之后本地使用 ssh命令登录出现@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@解决办法ssh-keygen -R [host]接下来就可以使用ssh登录了配置免密登录生成密原创 2021-09-26 14:15:23 · 11983 阅读 · 0 评论 -
webpack设置环境变量
需求背景要在js中区分生产环境和开发环境使用cross-env设置node环境cross-env可以抹平操作系统差异,设置的环境变量可以在webpack.config.js中使用安装yarn add cross-env -D使用:package.json"scripts": { //为开发环境注入NODE_ENV "dev": "cross-env NODE_ENV=develop webpack-dev-server --progress --colors --inline",原创 2021-09-02 18:29:22 · 2605 阅读 · 0 评论 -
Enter passphrase for key(输入密码短语)
解决办法:删除passphrase键入ssh-keygen -p会要求输入一遍私钥路径,照着后面的括号敲一遍就好然后Enter old passphrase: 输入Enter new passphrase:输入新的时候直接回车即可删除passphrase原创 2021-08-10 16:27:02 · 17058 阅读 · 5 评论 -
vscode调试webpack-dev-server项目
先上结果vscode下载debugger for chrome 插件创建launch.json添加的时候选择Chrome: Launch会自动生成chrome调试模板,主要是要加上"preLaunchTask": "debug"在开始debug之前添加一个叫做’debug‘的任务新建debug任务此时我们调试是找不到debug任务的所以直接点配置任务会在项目根目录下创建task.json,配置如下{ "version": "2.0.0", "command":原创 2021-08-10 12:01:09 · 2596 阅读 · 0 评论 -
记一次webpack优化免费邮官网 ym.163.com
做官网,自然不能用spa,上ssr又有点大材小用,于是使用了传统开发模式+webpack主要用到的pluginhtml-webpack-plugin 生成html模板clean-webpack-plugin 文件夹清除copy-webpack-plugin 文件拷贝extract-text-webpack-plugin 抽离css主要用到的loaderstyle-loader 在html中生成style标签css-loader 转化css文件 如importbabel-loa原创 2021-07-30 16:48:53 · 2039 阅读 · 0 评论 -
rax Picture组件
Picture[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-92lPCyrh-1603377028496)(https://img.shields.io/npm/v/rax-picture.svg)]安装$ npm install rax-picture --save引用import Picture from 'rax-picture';属性注:1、支持列表中的 代表h5 代表weex 代表小程序代表快应用属性类型默认值必填描述支持原创 2021-06-30 19:57:59 · 1394 阅读 · 0 评论 -
使用nvm管理node
下载下载地址选择 nvm-noinstall.zip解压D盘新建xxx/nvm文件夹,并将以上zip文件解压至此,解压后文件如下安装右键以管理员的身份打开 install.cmd,回车,生成settigs.text文件,放至nvm目录下。生成settigs.text时可能会让你输入路径可以切换至淘宝镜像源root: D:\Program\nvm path: D:\Program\nodejsarch: 64 proxy: none//加上下面两行node_mirror: h原创 2021-07-14 11:58:13 · 1474 阅读 · 0 评论 -
npm yarn换源及本地配置命令
npm, yarn查看源和换源:npm config get registry // 查看npm当前镜像源npm config set registry https://registry.npm.taobao.org/ // 设置npm镜像源为淘宝镜像yarn config get registry // 查看yarn当前镜像源yarn config set registry https://registry.npm.taobao.org/ // 设置yarn镜像源为淘宝镜像镜像源原创 2021-06-07 12:00:43 · 12450 阅读 · 0 评论 -
chrome关闭跨域限制
在浏览器快捷方式右键属性,在属性页面中的目标输入框加上 --disable-web-security --user-data-dir=C:\Program Files (x86)\Google\Chrome\Application。浏览器快捷方式右键属性,在属性页面中的目标输入框加上 --disable-web-security(注意:引号后面,加个空格)点击应用,确定后,重新打开谷歌浏览器,发现有“–disable-web-security”提示,说明谷歌浏览器可以跨域了。原创 2021-06-02 17:12:01 · 15504 阅读 · 0 评论 -
【工具篇】从零配置eslint
文章很长,纯手打,如有帮助,给个关注,或者github给个start,不胜感激!!!https://github.com/wjune211vscode先装一个eslint插件插件市场搜索eslint,第一个就是从创建一个文件夹开始这样就初始化了一个带eslint的项目配置eslintpackage.json中的script加上以下代码就可以使用npm run xxx 来执行后面的脚本"scripts": { "test": "echo \"Error: no test speci原创 2021-04-01 17:46:05 · 2972 阅读 · 3 评论 -
vscode设置git终端
vscode自带的命令行太丑找到git安装路径which gitvscode - settings.json中找到git.path,写入上述路径"git.path": "/usr/local/bin/git"setting.json中搜索一下terminal,有一些终端的其他设置,如字体,shell"terminal.integrated.fontSize": 16,"terminal.integrated.shell.osx": "/bin/zsh",done...原创 2021-04-01 10:09:31 · 1643 阅读 · 0 评论 -
【工具篇】git reset三种模式区别和使用场景
区别:**–hard:**重置位置的同时,直接将 working Tree工作目录、 index 暂存区及 repository 都重置成目标Reset节点的內容,所以效果看起来等同于清空暂存区和工作区。**–soft:**重置位置的同时,保留working Tree工作目录和index暂存区的内容,只让repository中的内容和 reset 目标节点保持一致,因此原节点和reset节点之间的【差异变更集】会放入index暂存区中(Staged files)。所以效果看起来就是工作目录的内容不变,暂原创 2021-03-19 11:42:03 · 1618 阅读 · 0 评论 -
点git文件到底有什么
└── .git ├── COMMIT_EDITMSG # 保存最新的commit message ├── config # 仓库的配置文件 ├── description # 仓库的描述信息,主要给gitweb使用 ├── HEAD # 指向当前分支 ├── hooks # 存放一些shell脚本,可以设置特定的git命令后触发相应的脚本 ├── index # 二进制暂存区(stage) ├── info原创 2021-01-25 18:52:35 · 1557 阅读 · 0 评论 -
git合并多个commit
git rebasegit log查看需要合并哪些commitgit rebase -i XXX(commit的ID,基于XXX之后的所有commit要合并)编辑界面中,保留一个pick,其他改为s,然后保存退出。编辑commit message界面中,不需要的信息#注释,然后保存退出提交git resetgit log查看不需要合并的最后一个commit idgit reset XXX(回退到该commit,即不需要合并的最后一个commit)log中所有需要合并的commit 已原创 2020-12-24 11:22:22 · 1338 阅读 · 0 评论 -
mac电脑git clone提示没有权限
公司发的mac,真香,查看自己的用户名和邮箱git config --list生成SSH密钥ssh-keygen -t rsa -C "自己的Email地址“查看SSHcat /Users/电脑用户名/.ssh/id_rsa.pub最后把打印出来的key添加到github中setting–>SHS and GPG keys—>new SSH key...原创 2020-11-05 14:46:11 · 8521 阅读 · 0 评论 -
window查看使用端口并kill
Error: listen EADDRINUSE: address already in use 0.0.0.0:9093报错原因:端口被占用解决:找到进程并kill找到使用该端口的进程,记住pid(进程号)netstat -aon|findstr 9093kill该进程 taskkill /f /pid 15808也可以看一下这是个啥tasklist|findstr 15808...原创 2020-06-18 09:43:28 · 1323 阅读 · 0 评论 -
linux使用nginx和node
一,下载nginx安装包到本地下载地址就去官网就可以二,在服务器上安装rz/sz用于上传下载文件,yum install -y lrzsz三,安装nginx1,安装依赖yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel2,上传压缩包新建文件夹(因为要对应脚本参数的默认路径,可以不新建,在后面修改参数即可)也可以在服务器上用命令下载 wget http://nginx.org/download/ngin原创 2020-06-16 16:26:27 · 1282 阅读 · 0 评论 -
cmd常用命令
查看所有进程占用端口netstat -ano查看指定端口netstat -ano|findstr “8080”使用命令杀死进程//通过进程号获取进程名称tasklist|findstr 3776 //杀死taskkill /f /t /im 进程名称原创 2020-06-03 10:06:08 · 1038 阅读 · 0 评论 -
物理机安装Ubuntu
一,制作U盘启动盘1,下载Ultraliso(软蝶通)2,下载Ubuntu镜像3,打开软蝶通,文件里打开下载的镜像4,点击启动>写入硬盘镜像 开始写入镜像文件二,安装系统1,进入bios,各型号主板的快捷键不一,具体百度,我的dell是F22,开机直接进入安装,选择语言,键盘布局,时区等等,很简单三,注意事项1,下载Ubuntu尽量去官网,选择与自己电脑相匹配的镜...原创 2020-03-07 21:11:18 · 6605 阅读 · 0 评论 -
webstorm快捷键
Ctrl+/ 或 Ctrl+Shift+/ 注释(// 或者/…/ )Shift+F6 重构-重命名Ctrl+X 删除行Ctrl+D 复制行Ctrl+G 查找行Ctrl+Shift+Up/Down 代码向上/下移动。F2 或Shift+F2 高亮错误或警告快速定位写代码,按Tab 生成代码选中文本,按Ctrl+Shift+F7 高亮显示所有该文本,按Esc高亮消失。(因为这个功能我...转载 2019-04-28 08:47:48 · 103 阅读 · 0 评论 -
日常记事本
npm安装路径设置https://blog.csdn.net/weixin_41585557/article/details/79155526原创 2020-07-22 10:16:25 · 3744 阅读 · 0 评论 -
sublime安装及使用
一、Sublime3下载1.百度搜索Sublime3 download,选择进入下载页面2.我选择下载Win64位安装程序##二、Sublime3安装傻瓜式安装,一直点下一步即可。##三、Sublime3插件配置1.直接安装安装Sublime text 3插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences-> Browse Pac...转载 2019-06-25 22:28:07 · 136 阅读 · 0 评论 -
常见的git命令,送给没有小乌龟的你
git --version 查看版本git init 初始化仓库git status 查看文件状态 是否被追踪git add 文件名 将未追踪变为暂存状态(添加到暂存区)待提交git config --global user.name wjune211 告诉计算机我是谁git config --global user.email wjune211@163.comgit c......原创 2019-05-20 08:35:34 · 419 阅读 · 0 评论