「这是我参与2022首次更文挑战的第1天,活动详情查看:2022首次更文挑战」
npm包
1.rimraf-快速完全删除node_modules 文件夹
(1)安装npm包–rimraf
npm install rimraf -g
(2)在cmd指令下,进入所需删除的node_modules文件夹的位置,再输入指令,完成秒删
rimraf node_modules
2.nrm-管理镜像源
全局安装:npm install -g nrm
常用命令:
- nrm ls:查看npm源
- nrm current:查看当前源
- nrm use 切换npm源,registry为源名
- nrm add :添加源,registry为源名,url为源地址
- nrm del :删除源
浏览器插件
1.devtools
Vue.js devtools
React Developer Tools
2.github1s
可直接在VS Code上读取 GitHub 上的各类项目代码,可以说是读源码的好帮手,安装GitHub1s 浏览器插件
VScode插件
1.Git管理工具
除了常用的GitLens插件,还有Git Graph 可以查看各个分支的commit历史和进行文件变化查看,打tag标签,分支检出等。
2.Live Server
live Server是一个展示静态或者动态页面的本地服务器, 可以帮助我们快速查看动态html页面
好用的网站
1.正则表达式
(1) iHateRegex是一个在线开源工具,可快速检索并匹配到合适的正则表达式,帮你完成如用户名、邮箱、日期、手机号码、密码等常见规则的验证。ihateregex.io/
(2)any-rule 支持web / vscode / idea / Alfred Workflow多平台,github.com/any86/any-r…,维护了一个常用正则表达式合集
2.图片压缩
如果图片中没有渐变或阴影等,压缩效率极好,tinypng.com/
3.制作ico图标
之前有换logo的需求,就要涉及换favicon.ico,ico文件一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo, 目前主要的浏览器都支持favicon.ico图标.www.bitbug.net/
4.gitlab代码片段分享
利用gitlab的Snipets功能,创建常用的代码片段分享给前端组内其他同事。
5.vue的demo代码在线运行
mrhj.gitee.io/form-genera… 有时查到了一些demo代码,想看效果就可以用
6.起英文变量名
不知道怎么起名字的时候,用中文搜一下
CODELF网址:unbug.github.io/codelf/
好用的软件
在移代码功能和合并其他分支需求功能改动时比较常用,简单的可以使用vscode自带的文件对比,选中待比较文件1,右键--select for compare,再选中待比较文件2,右键–compare with selected即可
功能强大一点的,感觉还是Beyond Compare 好用,可以对变动部分的代码进行左移或者右移,Beyond Compare 效果如下: