整理自己在前端工作中,常用的 mac 软件、VSCode 插件、前端工程风格
- 一键初始化前端环境 Shell 脚本 会自动安装下方含有 💡 标记的 app,还有初始化前端环境(VSCode, node, nvm, pnpm 等)
- AppWorks 阿里巴巴出品,快速配置前端环境的前端研发工具箱。但工具略扫,近几年也没更新。
- 💡Google Chrome 前端开发必备
- 💡搜狗输入法 支持账号同步信息,输入历史,表情包等功能
- 💡Raycast Mac 效率工具,支持快捷打开应用、链接,剪切板历史、快捷指令、翻译、AI 等功能,开源免费,alfred 平替。
- 💡Snipaste 截图、长图、滚动截图、贴图。个人最喜欢贴图功能,方便快速对比。
- 💡iTerm Mac 必备终端,不多解释
- 💡Warp 新一代终端,现代化交互和外观,IDE 交互体验,还集成 AI 能力,唯一缺点是有时速度略慢,不支持 VSCode 嵌入,现在已经成为我的主力终端了
- Proxyman 现代化代理工具,拥有美观的界面、优雅的交互,直观的操作,上手成本低。唯一的缺点是现在免费功能较少,需要付费。
- LightProxy 阿里巴巴出品的代理工具,但原作者已经离职,无人维护
- charles 老牌代理工具,交互和外观都有点落后,上手成本较高
- navicat 数据库 GUI 工具,方便好用,收费软件
- 💡Spotify 免费的音乐软件,拥有绝大部分歌曲的版权,仅少数冷门歌曲没有,唯一的缺点就是会有广告,需要科学上网
- 扩展管理器(Extension Manager) 扩展管理器,可以快速开启/禁用某个扩展
- 油猴 神器,无需多言
- 书签侧边栏 更加美观、交互友好的书签管理器,支持快捷键打开、搜索等
- Refined GitHub Github 界面美化,操作优化
- JSON Viewer JSON 展示美化
- Vue.js devtools Vue 页面调试工具
- React Developer Tools React 页面调试工具
- ModHeader 请求代理工具,修改请求头比较方便
- Console Importer Chrome Devtool Console 中能快速导入 npm 包并挂在到全局变量上,方便测试
- Feedbro RSS 订阅器
- Instapaper 文章爬取器,支持账户多端同步
- Screenity 屏幕录像和标注工具
// .vscode/extensions.json 将此文件放入项目根目录,vscode 会自动提示安装
{
"recommendations": [
"ms-ceintl.vscode-language-pack-zh-hans",
"eamodio.gitlens",
"dbaeumer.vscode-eslint",
"stylelint.vscode-stylelint",
"vunguyentuan.vscode-css-variables",
"aaron-bond.better-comments",
"streetsidesoftware.code-spell-checker",
"mariusalchimavicius.json-to-ts",
"techer.open-in-browser",
"tabnine.tabnine-vscode",
"gruntfuggly.todo-tree",
"jock.svg",
"yzhang.markdown-all-in-one"
]
}
- ESLint 规则集 适用于 React + TS 项目
- StyleLint 规则集 适用于 Less 文件