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 組件，生成頁面。