一个前端开发工程师的工具集
工欲善其事,必先利其器
写在前面
二零一七年的第一篇文章(其实更像是一份清单),大概也会是最后一篇。比较早之前的一个想法,把自己工作中用到的一些工具记录下来。一来是方便以后换机器后不至于花很多时间在工具的搜索和安装上;二来是想不断更新这些工具,尽量提高工作的效率。
硬件设施
电脑15 英寸 MacBook Pro
,操作系统macOS
。2017年3月入手,中配版。每天都背着上下班,还是有些累,特别是最近一个月加班频繁之后。
之后果断换成公司配的MacBook Air
,配一台显示器,外接鼠标、键盘。感觉还不错,配置足够用,需要移动办公时也可以带着到处走,很轻便。唯一不爽的是触控板,手感太硬。
现在想想,之前买的电脑还是稍微有点奢侈。买个13英寸的也许会好一点,轻便,多出来的钱还可以入手一台显示器。
代码编辑
- 编辑器:Visual Studio Code
- 插件
- Path Intellisense
- To Do Tasks
- Vetur
- VSC Figlet
- Prettier - Code formatter - 配置
- VS Live Share
- 协同开发工具
- 多人实时共同编辑同一个项目的代码
- 共享终端工具
- 共享本地服务器
- Search node_modules
- 根据 node 包名,搜索 node_modules 中的 node 包
- 快捷键1
cmd+k+n
-> 输入包名 - 快捷键2
cmd+p
->>
->Search node_modules
-> 输入包名
- 主题:
High Contrast
- 自定义配置
{ "window.zoomLevel": 1, "files.associations": { "*.vue": "html" }, "editor.tabSize": 2, "html.format.wrapLineLength": 0, "workbench.colorTheme": "Default High Contrast" }
- 插件
代码管理
- git
- 代码版本控制
- 项目协同开发
- github
- 个人代码托管
- 社交
- gitlab
- 公司内部代码托管
- source tree
- 主要用于代码比较
- PPRows
- 统计代码行数
代码调试
命令操作
交流沟通
- 企业微信
- 公司内部使用
- 微信、QQ、Telegram
- 外部沟通使用
- socket.io chat
- 多端文字共享
- 有想法把这个工具升级一下,使其具有文件传输功能
其他
- 接口调试 - postman
- 图片压缩 - 智图
- 啦啦啦啦 - ShadowsocksX
- 啦啦啦啦 - Bandwagon
- 网络抓包 - charles
- 软件卸载 - appcleaner
- 邮件管理 - Foxmail
- 压缩解压 - extractor
- 设计原型 - Sketch
- 设计原型 - photoshop
- 硬盘挂载 - Mounty
- 虚拟机器 - VirtualBox
- 虚拟机器 - Parallels Desktop
- 数据查看 - Sequel Pro
- 视频播放 - mpv
持续更新~