本文目录一览：
有哪些生成前端代码的神器呢？
在前端开发的过程中，很多相同的代码会写很多遍。如：开始新项目的时候，要写和旧项目类似脚手架代码；新建一个组件的时候，要按约定写组件结构。如果这些重复代码能用工具来生成，能提升前端的开发效率。
生成代码的工具分为两类：基于命令的和基于图像界面的。
基于命令的工具的优点是，可配置高，效率快。缺点是，可发现性差。适合配置项目很多，配置可以组合的情况。
基于图像界面的优点是，可发现性强，操作简单。缺点是如果配置项很多，容易变得很难用。
罗嗦了一堆，下面开始介绍正题。
项目脚手架代码生成工具
项目脚手架主要做的项目的构建流程，环境的配置等。做到开箱即用。
基于命令的
yo 曾经流行过的一个脚手架生成工具。支持定义脚手架内容。基于 yo 的第三方脚手架也很多。
vue-cli 。 Vue 项目脚手架。支持自定义脚手架内容，感兴趣的可以读读 从vue-cli源码学习如何写模板。
create react app React 脚手架。比较轻量级，只是整合 webpack 和 react-router。
react boilerplate React 脚手架。比较重量级，整合了webpack 和 react router, redux, redux suga, reselect 等。
基于图形界面的
定制 Bootstrap 3
组件代码生成工具
基于命令的
react boilerplate 的 nam run generate 可生成组件的脚手架代码。
页面代码生成工具
基于命令的
代码编辑器的代码片段(Code Snippent)功能。主流的代码编辑器(Sublime,Atom,VS Code，Web Strom等) 都支持代码片段。也有写好的代码片段的编辑器插件。主流的框架基本都有对应的代码片段工具。
Emmet 提供 HTML，CSS，JS 的自动补全功能。
Bootstrap 3 Snippets
Vuejs Snippets
基于图形界面的
H5营销页面生成工具。有一大堆。
Maka
初夜
兔展
GrapesJS 强大的网页生成器。开源。
LayoutIt 托拽 Bootstrap 组件，生成页面。
代码生成器是什么?如何根据数据库去产生实体类?
我们在编写代码的过程中会发现有很多代码是有规律的，编写起来无味、繁琐。
这个时候我们可以根据规律来编写一些程序来生成这些代码，这个生成代码的程序就是代码生成器。
现阶段代码生成器有很多，其中我个人认为CodeSmith的功能最为强大。基本上你想要生成什么样的代码都可以根据模版来生成，模版有自带的，有别人编写的，当然，你觉得不够，也可以自己编写模版。
至于如何根据数据库生成实体类。他的原理是数据库中的字段就是将来生成实体类中的私有变量和属性。
所以我们可以编写模版来读取数据库中的字段，然后来根据数据库中的字段来生成你所需要的变量和属性。
至于Codesmith的具体使用，比较简单，可以到网上搜索一下，有很多的介绍。
空白代码生成器是什么？
空白代码生成器是为程序员精心设计的空白代码自动生成器，可以生成多种不同类型数据层代码。
例如: 基于SQL字符串方式，基于Parameter方式和基于存储过程方式的数据层，使程序员节省了大量机械录入的时间和重复劳动，能够将精力集中于核心业务逻辑的开发。
扩展资料
目标代码生成是编译的最后一个阶段。目标代码生成器把语法分析后或优化后的中间代码变换成目标代码。目标代码有三种形式：
① 可以立即执行的机器语言代码，所有地址都重定位（不包含没有定位的）；
② 待装配的机器语言模块，当需要执行时，由连接装入程序把它们和某些运行程序连接起来，转换成能执行的机器语言代码；
③ 汇编语言代码，须经过汇编程序汇编后，变成为可执行的机器语言代码。
