前端电脑必备工具
开发环境
Git:官方下载
- 解决Git Bash运行
vue create xxx无法使用上下箭头选择- 使用
winpty vue.cmd create xxx命令代替vue create xxx - 在gitbash安装文件夹的/etc/bash.bashrc文件最底部加上
alias vue='winpty vue.cmd',从而实现使用别名winpty vue.cmd代替vue
- 使用
- 解决Git Bash运行
SVN:官方下载
Node.js:官方下载
nvm(node版本管理工具):官方下载
Python:官方下载
代码编辑器
vscode:官方下载
如果下载进度条不动,可以将下载链接域名前面的部分替换成国内镜像
比如替换成:https://vscode.cdn.azure.cn/stable/f80445acd5a3dadef24aa209168452a3d97cc326/VSCode-darwin-universal.zip
WebStorm:官方下载
HBuilder X:官方下载
微信开发者工具:官方下载
好用的工具网站
- 代码图生成:ray
- 图片压缩:TinyPNG
- 图片压缩:picdiet
- 图片压缩:compresspng
- 图片背景清除:removebg
- 图片去水印:WatermarkRemover.io
- CSS动画代码大合集:css3-animation-sniplet-collection
- 删除照片不需要的部分:Lama-Cleaner
- 开发人员工具:Dev tools
- 在线工具:tool
- 在线PDF工具:PDF24 Tools
- 简历制作:resume
- 简历制作:五百丁简历
- 生成正则铁路图:Regulex
- 常用正则大全:any-rule
- 正则测试:regex101
- 配色:Color Hunt
- 渐变配色:渐变颜色
- 头像生成:Profile Pic Maker
- 在线制作高清 gif 动图:GIF中文网
- emoji表情:emoji中文网
- 阿里巴巴图标库:iconfont
- 图片设计:Canva可画
- 高清图片:Unsplash
- 免费插画:manypixels
- 免费建网站:surge
- 免费建网站:cpolar
- 变量命名:codelf
- 在线生成 gitignore:Toptal
- 网站性能分析:PageSpeed
- 网站质量查询:站长工具箱 - 站长之家
- Ai 机器人:ChatGPT
- Ai 机器人:必应 Ai
优秀的技术社区
- GitHub (全球最大同性交友网站
):进入 - gitee:进入
- V2EX:进入
- Stack Overflow:进入
- 稀土掘金:进入
- CSDN:进入
- 博客园:进入
- 奇舞周刊:进入
- 简书:进入
- 思否:进入
- OSCHINA:进入
在线IDE
好用的软件
- 多设备调试:Responsively App
- Git可视化操作工具:sourcetree
- 抓包软件:Fiddler
- 抓包软件:Charles
- 接口测试:Postman
- 接口测试 :Apifox
- 截图软件:Snipaste 或者微软商店直接下载,直接搜索
snipaste - 截图软件:ShareX
- 截图软件:PixPin
- 轻量级 gif 录屏软件:LICEcap
- 效率工具合集:uTools
- 图片压缩:Caesium Image Compressor
- 图片压缩:PP鸭
- 图片放大工具:Final2x
- 设计稿标注、测量工具:马克鳗
- SSH 客户端:xshell
- SSH 客户端:FinalShell
- 按空格键查看文件内容:QuickLook
- Markdown 编辑器:Typora破解版
- 思维导图软件:MindManager破解版
CDN
Chrome浏览器插件
Vue 调试工具:Vue.js devtools
Nuxt 调试工具:VueTelescope
React 调试工具:React Developer Tools
Redux 调试工具:Redux DevTools
Angular 调试工具:Angular DevTools
程序开发常用工具:Ctool
测量屏幕尺寸的工具:Dimensions
JSON 格式化:JSON-handle
HTML 页面超链接提取器:Link Grabber
接口调试:PostWoman Http接口调试插件
重定向检查器:Redirect Path
网站健康状况检测:Web Vitals
上网代理:Proxy SwitchyOmega
关闭浏览器跨域:CORS Unblock
双语翻译:沉浸式翻译
扩展管理器:Extension Manager
npm插件
npm源管理工具:nrm
更新npm包:npm-check-updates
轻量级web服务器:http-server
文件改动自动重启服务:nodemon
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 川少博客!