README.md

![](https://gw.alicdn.com/tfs/TB1PqTRXFP7gK0jSZFjXXc5aXXa-900-383.jpg)

# 打造舒适的前端开发环境
[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors)

本文档旨在讲述如何打造一个契合于前端开发工程师的开发环境，旨在为刚融入团队的新同学可以迅速follow团队的开发规范，了解并熟练使用常见的开发工具，可以大大的提升我们的工作效率。

## 原则

为了更加舒服高效的进行开发我们基于以下原则编写了这篇文档

1. 熟练使用快捷键和系统命令是程序员的基本操守
2. 合理的使用现代化工具能够帮助我们提升开发效率
3. 打造干净的开发体验, 不要让你的设备用起来很别扭

## 文档

详细内容请查看[官方文档](http://fe.surge.sh/), 文档持续更新中...

本文档将会分为以下章节

- 安装配置使用强大的终端
- 如何搭建Node.js开发环境
- 如何使用Git来进行团队合作开发
- 配置契合前端开发的VSCode环境, 以及断点调试方法
- Chrome的一些使用技巧
- 简单介绍如何使用Mac系统
- 简单介绍如何使用Shell命令
- 介绍如何配置使用Vim
- 介绍一些实用小工具

![](https://gw.alicdn.com/tfs/TB110_maxn1gK0jSZKPXXXvUXXa-2878-1464.jpg)

注：这不是一篇大而全的文档，不会介绍以上工具的所有用法，只会介绍我们日常开发中使用比较多的用法，如果你需要更加全面的学习，你应该去查阅它们的官方文档。如果你觉得本文档对你有帮助，麻烦点个Star✨

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore -->
<table>
  <tr>
    <td align="center"><a href="https://github.com/zhangyuang"><img src="https://avatars3.githubusercontent.com/u/17424434?v=4" width="100px;" alt="LeonCheung"/><br /><sub><b>LeonCheung</b></sub></a><br /><a href="https://github.com/ykfe/fe-dev-playbook/commits?author=zhangyuang" title="Documentation">📖</a></td>
    <td align="center"><a href="https://github.com/jerryYuX"><img src="https://avatars2.githubusercontent.com/u/33367577?v=4" width="100px;" alt="jerryYu"/><br /><sub><b>jerryYu</b></sub></a><br /><a href="https://github.com/ykfe/fe-dev-playbook/commits?author=jerryYuX" title="Documentation">📖</a></td>
    <td align="center"><a href="https://github.com/fengyy51"><img src="https://avatars2.githubusercontent.com/u/23158071?v=4" width="100px;" alt="fe_shangcheng"/><br /><sub><b>fe_shangcheng</b></sub></a><br /><a href="https://github.com/ykfe/fe-dev-playbook/commits?author=fengyy51" title="Documentation">📖</a></td>
    <td align="center"><a href="https://suanmei.github.io"><img src="https://avatars0.githubusercontent.com/u/19517557?v=4" width="100px;" alt="拾邑"/><br /><sub><b>拾邑</b></sub></a><br /><a href="https://github.com/ykfe/fe-dev-playbook/commits?author=suanmei" title="Documentation">📖</a></td>
  </tr>
</table>

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!