作为前端仔,我是如何快速配置自己电脑的

543 阅读3分钟

前言:

因为电脑被我折腾的太乱了,所以一直想要把自己的电脑,恢复出厂,重新装一下,终于,终于有机会了,顺便记录一下。

1. 软件安装

1.1 科学上网

我推荐我一直使用的bywave

image.png

1.2 浏览器安装

前端开发必备chrome

装了chrome,顺便推荐几个好用的插件

FeHelper(前端助手)

点击下载

image.png可以看下目录,非常的全,前端相关的都有了。

Google 翻译

点击下载谷歌翻译助手

点击下载Google 翻译

image.png

Infinity 新标签页 (Pro)

点击下载

image.png

当然,如果使用了掘金的插件,那么这个就与各位无缘了

1.3 编译器安装

VS Code永远的神,主要是我也就只用过两个(上学的时候用过sublime),体验还是很不错的。

常用的扩展可以看下我自己整理的一个扩展包jn-extension-pack

1.4 其他工具推荐

计划类

XMind,虽然现在很多工具都内置了类似的功能,但还是觉得XMind更加丝滑,体验更棒。 思维导图,每次进行项目估时,我都会使用它。

Microsoft To Do 虽然mac自带提醒事项,或者记事本,但我还是觉得ToDo更加直观,关键是ui还挺好看的。每天上班第一件事,就是打开自己的ToDo进行当前计划创建和确认。

image.png

笔记类

日常记录,我一般会使用两个笔记工具,灵光一闪的想法之类的我会使用Notion进行记录,然后会使用语雀进行沉淀,进而形成自己的体系。 虽然Notion是全英的,但还是值得使用的,功能还是非常强大的

image.png

效率类

AlfreduTools 两个都用过,自我感觉差不多。因为最开始使用Alfred的缘故,所以一直使用这个,再加上公司一直使用GitLab,配置了就懒得动了。

使用Alfred快速打开GitLab可以参考你不得不知道的Alfred 和GitLab的故事(快速打开GitLab)

终端工具

因为mac自带的有点丑,为了工作更好的心情,我一般都会使用item2+oh-my-zsh来定制一下自己的终端。 推荐掘金搜索这篇 iTerm2 + Oh My Zsh 教程手把手让你成为这条街最靓的仔。 大佬的文章写的非常的nice,很快就可以配起来

录屏工具

iShot 虽然有付费功能,但免费的功能已经非常强大了。强烈推荐它的录屏功能

image.png

image.png

2. 搭建前端开发环境

曾经在搞飞冰物料库的时候,发现了一个很好用的工具,能够帮助我们快速搭建前端环境。 appworks尤其是从未装过环境的电脑,体验杠杠的。我们前端必备的nvmgit,都能够快速安装,并支持可视化配置,偷懒就完事儿了。

image.png 通过一键安装,不到一分钟,一个前端基本的开发环境就ok了。

3. 总结

至此,我的前端环境就搞完了,曾经也有搞过homebrew,但发现自己其实使用的并不多,也就不装了。 一切准备,都是为了更好的上班(挣钱,挣大钱)。 目前发现觉得ok来,如果未来有的话,会继续补充。 如果有好的推荐,也欢迎留言推荐!!!

4.未完待续

持续更新中...

感谢老板.gif