A. 有哪些生成前端代码的神器呢
一、项目脚手架代码生成工具
项目脚手架主要做的项目的构建流程，环境的配置等。做到开箱即用。
1、基于命令的
1）yo 曾经流行过的一个脚手架生成工具。支持定义脚手架内容。基于 yo 的第三方脚手架也很多。
2）vue-cli 。 Vue 项目脚手架。支持自定义脚手架内容，感兴趣的可以读读 从vue-cli源码学习如何写模板。
3）create react app React 脚手架。比较轻量级，只是整合 webpack 和 react-router。
4）react boilerplate React 脚手架。比较重量级，整合了webpack 和 react router, rex, rex suga, reselect 等。
2、基于图形界面的
1）定制 Bootstrap 3
二、组件代码生成工具
1、基于命令的
1）react boilerplate 的 nam run generate 可生成组件的脚手架代码。
三、页面代码生成工具
1、基于命令的
代码编辑器的代码片段(Code Snippent)功能。主流的代码编辑器(Sublime,Atom,VS Code，Web Strom等) 都支持代码片段。也有写好的代码片段的编辑器插件。主流的框架基本都有对应的代码片段工具。
1）Emmet 提供 HTML，CSS，js 的自动补全功能。
2）Bootstrap 3 Snippets
3）Vuejs Snippets
2、基于图形界面的
1)H5营销页面生成工具。有一大堆，如：Maka、初夜、兔展。
2)GrapesJS 强大的网页生成器。开源。
3)LayoutIt 托拽 Bootstrap 组件，生成页面。