如何实现项目上的快速开发（前端为主）
1.熟悉电脑的组合键操作和性能
2.熟悉编辑器的组合键操作
3.良好的项目结构和面向对象（数据抽象和数据封装）
如何实现项目上的快速开发
本篇文章主要是展示一些提高开发效率的方法，以前端为主，对后端开发也有一定的参考价值。
工欲善其事必先利其器，对于程序员的工作而言，电脑和编辑器就是工具，了解清楚其性能非常重要。下面就来介绍如何打造一件趁手的工具熟悉电脑的组合键操作和性能
下面是几个常用且重要的快捷操作
1.alt+tab（mac系统下是❀+tab)，连按tab用于快速切换当前窗口，在没有第二屏幕的时候非常实用。当然，如果有条件的话外接一个屏幕效果会更好
2.ctrl+c，ctrl+v（mac系统下是❀+c,❀+v)，程序员必备SSS级技能，复制粘贴。可能是用的最多的快捷键。
3.ctrl+z，ctrl+y（mac系统下是❀+z,❀+y)，系统的前进后退按钮，不仅写代码改代码的时候非常实用，而且误删文件的时候在文件资源管理器也可以使用。
4.window下的一键返回桌面按钮，在开了一堆窗口的时候一键最小化，还你清晰的思路。
5.rmdir /s/q [文件夹路径]，在window下，删除大量的文件，系统还要做大量的校验工作，可能删一个node_modules文件夹需要几十分钟，非常缓慢。在CMD下直接运行次命令能快速删除文件，适合前端删除依赖，但要注意要用管理员身份运行，并且删除后无法回复。
熟悉编辑器的组合键操作
以vscode为例子
1.在设置里打开自动保存，省去ctrl+s的操作，防止电脑突然断电
2.shift+alt+f，快速格式化当前文件，对理清代码结构非常有帮助
3.ctrl+shift+d，行或者选中的内容直接向下复制，比ctrl+c，ctrl+v效率更高，继承自Sublime的快捷键，使用前需要去配置看看有没有冲突
4.使用Settings Sync插件，一键同步你的VSCODE配置到github帐户上，在切换个人电脑，公司电脑，阿里电脑的时候非常方便，同步一下就把编辑器配置配好了！
5.使用主题我推荐的是
怎么好像绝版了，One Dark Pro也是一个不错的选择，颜色非常的鲜艳，能清楚的区分JS的数据类型，同时也让使用者心情愉悦。
良好的项目结构和面向对象
良好的项目结构，合理的封装不仅仅是代码变得更加合理易懂，还能大大减小修改和维护的工作量
无论是函数的抽象还是类的封装，建议在有两个或以上的地方复用的时候进行，盲目的抽象和封装会造成阅读困难，缺少抽象和封装会造成代码冗余，两者都会造成代码维护困难
1.
前端项目结构，以下是一个示例，展示在umi框架下复用的组件和工具函数是怎么跟页面抽离出来的。
2.
减少或者不使用modal（vuex store）进行传参和状态管理，使用umi久了就会陷入一个误区，觉得使用modal传参很爽，很方便。但大量使用modal会造成代码盘根错节，耦合度降低。在做了一段时间原始的微应用框架的业务后，我觉得modal是完全没必要在单独页面使用的一个东西。在用户信息等全局的场景使用才是更合理的用法。
原生的fetch或者单独的servers文件能替代它的网络请求功能，state（VUE 为data）能替代其状态管理功能，props（框架内部传参和赋值），createContext（执行上下文；VUE为provide/inject）和url能代替他的传参功能，所以，为什么要用modal呢？
在小项目中使用Flux
在大项目中使用Flux（多次迭代又不整理）
使用JS原生方法和HTML5传参
使用框架自带方法传参
3.
正确看待ESlint，在养成良好的写代码习惯之前，把ESlint校验打开是利大于弊的。但是同时也应该知道，它帮助你屏蔽掉了一些会造成变量提升之类的写法，如果失去了ESlint，应该特别注意JS代码结构不正确造成的报错。比如当你用了var，eslint会报错提示使用块级作用域而不是函数作用域，搞清楚作用域的原理也是一件挺有趣的事情。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。