本文目录一览：
给我推荐一个比较好用的写网页代码的工具！自动生成的工具！
《关联自动切片生成DivCss软件-2017全能免费版》，这是个免费的H5页面快速生成的工具，这个工具不用手写代码就可以生产H5页面，代替了传统的手写代码，大大提升了开发效率，关键是操作简单快捷，推荐使用。
自动生成代码的是什么软件
不知道你说的是程序代码自动生成工具还是代码生成工具。
都是有特定场景的，比如数据库的增删改查自动生产的，比如数据库代码生成工具Mybatis-Generator能生成mybatis使用的代码，使用查询编辑器能将可视化的数据库关系及查询转换为查询语句，还有拖动图形界面会自动生成图形界面对应的代码的视图编辑器等。
除此之外，还有记录执行动作后生成脚本，如excel的宏功能，脚本精灵也有这样的功能。
在这里，我定义程序代码生成工具是生成可执行的程序代码，代码生成工具是为程序生成部分被操作代码，便于被程序使用。当然，一般情况下，两者是一个意思，我这里只是大致的区分下。比如生成手机app和生成点击事件还是两个不同的概念，我用两个名词稍微区分下。
以上，有误请指正。
有哪些生成前端代码的神器呢？
在前端开发的过程中，很多相同的代码会写很多遍。如：开始新项目的时候，要写和旧项目类似脚手架代码；新建一个组件的时候，要按约定写组件结构。如果这些重复代码能用工具来生成，能提升前端的开发效率。
生成代码的工具分为两类：基于命令的和基于图像界面的。
基于命令的工具的优点是，可配置高，效率快。缺点是，可发现性差。适合配置项目很多，配置可以组合的情况。
基于图像界面的优点是，可发现性强，操作简单。缺点是如果配置项很多，容易变得很难用。
罗嗦了一堆，下面开始介绍正题。
项目脚手架代码生成工具
项目脚手架主要做的项目的构建流程，环境的配置等。做到开箱即用。
基于命令的
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 组件，生成页面。
gitspring代码自动生成
简单的代码生成工具，主要是用来做代码的自动化生成。根据各自的需求，可以修改里面的源码。
代码是程序员用开发工具所支持的语言写出来的源文件，是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。
GIT与CVS、SVN相比最大的不同，它是分布式版本控制系统，集中式可以理解为将版本的管理集中到了统一的位置，缺点就是对于中央仓库依赖强，一旦中央仓库出现问题，即不可以提交也不可以更新，无法进行版本控制，而GIT本地是有本地仓库，及时远程仓库宕掉了，仍然都可以进行版本控制。但是我认为他们都会有单点问题，一旦远程仓库宕掉了，就无法获取彼此最新的代码。