❶ 自己是學java的，現在想寫前端代碼的話用哪個軟體比較好
1、Sublime Text
Sublime Text是一個代碼編輯器也是HTML和散文先進的文本編輯器。漂亮的用戶界面和非凡的功能，例如迷你地圖，多選擇，Python的插件，代碼段，等等。完全可自定義鍵綁定，菜單和工具欄。Sublime Text的主要功能包括：拼寫檢查，書簽，完整的Python API，Goto功能，即時項目切換，多選擇，多窗口等等。
2、Dreamweaver
Adobe Dreamweaver使用所見即所得的介面，亦有HTML(標准通用標記語言下的一個應用)編輯的功能，藉助經過簡化的智能編碼引擎，輕松地創建、編碼和管理動態網站。 訪問代碼提示，即可快速了解 HTML、CSS 和其他Web標准。使用視覺輔助功能減少錯誤並提高網站開發速度。
3、Visual Studio Code
Visual Studio Code中文版是微軟推出的帶 GUI 的代碼編輯器，軟體功能非常強大，界面簡潔明晰、操作方便快捷，設計得很人性化。軟體主要改進了文檔視圖，完善了對 Markdown的支持，新增PHP語法高亮。
4、HBuilder
HBuilder是專為前端打造的開發工具，具有飛一樣的編碼、最全的語法庫和瀏覽器兼容數據、可以方便的製作手機APP、最保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、PHP的快速開發。從開放注冊以來深受廣大前端朋友們的喜愛。
5、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
❷ 現在比較好用的前端開發工具有哪些啊
1. node.js + npm， 這個是前端工具的一個平台，沒有他們就沒有以下的工具，建立開發環境，下載開發工具，運行開發工具的利器
2. bower, 庫依賴管理器，類似於npm，但針對瀏覽器JavaScript的依賴管理，減少尋找庫，下載庫和升級庫的煩惱
3.grunt，流程自動化管理工具，將你非編程的開發步驟減到最小，grunt watch+liveReload或者grunt connect,可以使得免除你F5無盡地獄，發布和開發各種無壓力。以下大部分開發工具，都有grunt的相對應的插件，也就是說他們都能利用grunt進行自動化運行
5. 本人用less比較多，因為基本無縫兼容歷史遺留系統中的css，（而Sass語法比較特殊，還沒有專門用過，應該開發新系統的css比較好），一套css預編譯語言，可以把less語法轉成css語法，lessc是less語言編譯器，配合grunt less，編寫大型css文檔毫無壓力。
6.Phantomjs，沒有界面的瀏覽器，用js腳本控制其操作網頁。測試，抓圖，網頁流程自動化利器。配合casperjs的語法簡化功能真強庫後，控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓圖功能和ImageMagick圖片比較功能，在利用live-reload即時刷新功能，可以讓你開發css的時候，快速對n多個頁面進行觀察，看其前後變化。不過缺點也比較明顯，就是速度慢。但比起手動對比來看，還是非常快的。值得css開發時擁有
8. phantomCSS，這個和grunt photobox類似，都用於css開發的，差別是photobox是全局觀察差別，而這個是單元組件觀察差別，它方便你就抓頁面中某一塊元素然後進行前後比較，更加註重細節上的差異，這個比較合適組件開發時候使用。
9. jshint，幫助你快速定位JavaScript的語法錯誤和潛在的跨瀏覽器兼容性問題。在部署你JS前，用jshint檢查一下是沒錯的 。
10.UglifyJS，壓縮JavaScript代碼，使你的JS代碼可以更加快速的載入。有grunt的插件
11. browserify允許你在瀏覽器裡面使用CMD標准模塊，但本人認為它的另外一個優勢是合並代碼，開發時候可以把代碼模塊化，分成很多很多小文件，然後有調理的放到相對應文件夾下，然後最後合成單一文件。本人曾經利用browserify開發greasemonkey代碼，大大簡化了greasemonkey的開發難度和增強了greasemonkey代碼的質量。browserify有grunt插件，這樣又減少的開發步驟。
12. Karma， google開發的一個單元測試運行器，這個自己本身不是一個單元測試框架，而是配合測試單元框架的一個工具。由於前端瀏覽器眾多，就算你有live-reload這樣自動化工具，但是還是要手動打開各種瀏覽器，手動把你的單元測試在各個瀏覽器都運行一遍。這個工具目的是目的就是讓電腦能自動化打開各種瀏覽器，然後把單元測試在各個瀏覽器中自動運行一遍，讓這個步驟也能自動化了。
13.clean-css (grunt cssmin)， 我用的是grunt cssmin，但是grunt cssmin實際上背後使用的是clean-css工具，這個工具就是用來壓縮精簡css的，讓css文件大小更小。
❸ 10款好用的Web前端開發工具
今天小編要跟大家分享的文章是關於10款好用的web前端開發工具。每個Web開發人員都有自己喜歡的開發工具，用這些工具能讓編碼更容易並且「令人愉快」。在這篇文章中，小編將會為大家分享一些很棒的Web開發工具，下面來和小編一起看一看吧！
1.Glitch
#
好的，這不僅僅是一個工具，還是一個非常棒的編碼平台以及一個很棒的技術社區。我可以在內置代碼編輯器的幫助下託管我的項目。支持多種語言，但最適合NodeJS。
2.Shadows
#/shadows
這個網站提供生成平滑陰影的CSS代碼，可以創建平滑的邊框陰影。它看起來真的很流暢，令人滿意。
3.Coolors
#
這是一款非常好的在線工具，可以為項目生成匹配的顏色方案。如果不喜歡當前的方案，按下空格鍵，它會重新生成一個配色方案，直到你滿意~
4.Blobmaker
#
Blobmaker可幫助你隨機生成各種尺寸，不同顏色和形狀的SVGBlob。你可以用作背景或創建看起來很酷的動畫。
5.Getwavs
#
與Blobmaker相似，GetWaves能夠隨機生成不同顏色和不同數量的波浪。用作網頁的頁腳或頁眉看起來不錯。
6.Undraw.co
#
開放源代碼項目的SVG插圖集，可用來做登錄頁面，404頁面等，當然普通頁面也能用!上面的插圖可以不帶歸屬地版權的使用，無需支付任何費用。
7.Marcdown
#/marcdown
由Liyas
Thomas提供的在線實時的Markdown網頁編輯器，它可預覽Markdown代碼，將其發布到GitHub上。它提供一個非常漂亮的暗黑模式。還可離線工作，這使得它顯得更出色。
8.postwoman
#
這是LiyasThomas構建的另一個工具。Postwoman是一個API請求構建工作。開發者可以不使用代理來測試
API。這是一個漸進式Web應用程序，可以保存到桌面來用。它是輕量級的產品，基本上可以是Postman的在線替代品。
9.#
#
它可以幫助你創建超級漂亮的網站截圖模型。如果你不是MacBook用戶，但需要更好的網站圖片作為自述文件，它非常適合我們。
10.CSS網格生成器
#/
這是SarahDrasner的創建的優秀網站，它使用CSS創建動態網格布局。
以上就是小編今天為大家分享的關於10款好用的web前端開發工具的文章，希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助，想要了解更多web前端知識記得關注北大青鳥web培訓官網，最後祝願小夥伴們工作順利！
作者：曉宇
❹ 寫前端用哪個軟體好
編寫代碼的軟體有不少：WebStorm、Sublime、HBuilderX、Editplus和Dreamweaver等。
每個軟體各有優缺點。
我自己主要用Dreamweaver這個軟體，用習慣了；有時用一下 HBuilderX
❺ 你知道哪些低代碼開發平台比較靠譜
引言：對於一些程序員，開發者等IT從業者而言，一些簡單應用免費的低代碼平台，當然是不能錯過的，甚至是一些信息管理員，業務人員對其也是十分青睞，那這些低代碼平台在網上也是十分的流行，我們對他的了解也並不是非常的深刻，這些平台是真的靠譜嗎？是真的能夠為我們帶來便利嗎？
業務系統在進行操作的時候也需要數據共享，這在一些傳統的數據中就會出現數據篡改的現象。一些比較靠譜的低代碼開發平台，就會有一種記錄審計的功能，無論是什麼人或是在什麼時間進行修改，都會留下相應的記錄。這也對數據起到了一定的保護作用。對於業務系統而言，許可權控制顯得尤為必要， 好的地代碼開發平台，都會有一套完整、有效的部門角色許可權控制體系，這樣就可以減少一些許可權調整。
❻ 有哪些比較好用的低代碼開發平台
比較好用的低代碼開發平台有宏天軟體、宜搭、簡道雲等。
低代碼開發平台的核心價值觀是為了提高應用程序開發的效率，低代碼開發平台主要的使用者是程序員，程序員通過使用低代碼平台提高了工作效率減少了IT積壓。開發系統的核心目的是為了提升效率，減輕人工的工作量。因此必然要處理很多復雜的業務邏輯。比如開發合同付款管理的時候肯定要計算已付款、未付款。開發物品瓴用的時候要扣除庫存，這些都需要編寫業務邏輯代碼。成熟的低代碼開發平台，應該提供完整的入口，讓開發人員可以編寫各種業務邏輯。低代碼開發平台通過配置化的方式搭建系統原型，一邊搭建一邊運行看效果，根據效果逐步調整和完善。很快就可以搭建出系統原型。即使系統正式上線，也可以隨時按照客戶的需求，快速修改系統配置。
想了解更多關於低代碼的相關信息，推薦咨詢宏天軟體。宏天軟體經過13年的技術與項目積累，bpm相關功能已經非常完善，大型復雜的業務需求都有對應的配置項，且易操作，終端實施人員可以配置實現80%的應用與流程需求，少量企業個性化需求可以由開發人員在線集成開發快速實現，既滿足企業低成本快速交付需求，又滿足企業個性化需求。【歡迎點擊咨詢宏天軟體！】
❼ 企業級快速開發平台哪家更好
這周我差不多花了兩個半天的時間進一步研究了下網上的低代碼開發平台，也就是原來我們經常說的快速開發平台。研究這個的一個主要原因就是我們看到在新的微服務，DevOps，ServerLess技術，前端新技術的發展趨勢下，低代碼開發在時隔多年後被再一次的提起。
在微服務和雲原生解決方案不斷發展的情況下，我們看到當前的雲服務已經從最傳統的彈性計算和存儲能力，提升到了我們常說的PaaS平台層，即提供更多的類似消息，緩存，資料庫，中間件，安全，大數據平台等平台層服務能力。
那麼我們接著能夠考慮的就是再平台層足夠強大後，我們的開發能否進一步更加簡化，能夠實現無代碼或少量代碼就能夠完成一個功能的開發和朝雲端的部署上線。比如我們現在看到的亞馬遜的公有雲提供的ServerLess就是一個典型的場景。你只需要寫少量的配置文件或函數方法，就能夠完成一個類似網頁爬蟲，信息搜索，圖片存儲等互聯網功能。
第一：傳統的快速開發平台
為了搞清楚低代碼開發，我們可以看下在原來我們經常提到的快速開發平台。對於原來我們談的快速開發平台，我想可以初步分為兩種典型的類型。
1. 面向業務人員：完全不需要開發經驗，不用接觸代碼。典型是類似各種BPM高度流程表單可定製產品。
2. 面向技術人員：提供快速開發平台和工具，比如代碼自動生成，功能大部分可配置+腳本編寫模式。
對於面向業務人員方式的平台往往就是一個高度靈活的空平台，所有的對象，數據，流程，規則，許可權等你都可以隨意的配置和定製。類似各類BPM產品，但是實際上可以看到這類產品無法開發規則業務復雜的系統。
對於面向技術人員的快速開發平台，類似我們常說的普元，JeeSite， JEPaaS，起步 科技 的PaaS平台等都屬於這種類型。但是這種類型的平台本身又細分為了兩種，一種是僅僅輔助開發和代碼生成，即所有的開發內容都生成代碼，脫離開發平台環境也能夠成功運行；還有一種就是強綁定，平台很大內容不生成代碼，對你黑盒，無法脫離環境運行。
我原來比較強調技術開發類平台是否提供源代碼，是否進行強綁定，但是最近思考了下這個反而不是重點，真正重要的還是這個平台對各類場景，各類業務需求下的通用模式抽象能力，這個將直接影響到平台本身的好壞。比如一個平台本身黑盒無法擴展，但是你的業務場景又很難配置出來，那麼整個平台的可用性就大大的打折扣。
其次，對於一個快速開發平台，我們可以有一個重要結論：
你對不同業務，不同場景下的通用性適配能力越強大，那麼你實際運行的黑盒代碼性能就越低。
也正是這個原因，我們看到很大快速開發平台代碼臃腫，性能低下，你開發的時候速度倒是快了。但是後續系統的性能完全跟不上，也無法擴展，這些都是要命的問題。
第二：從傳統快速開發到低代碼開發平台
為了進一步談我自己對低代碼開發平台的理解，我先引用下網上對低代碼開發的一些定義和說明。
低代碼開發平台是無需編碼（0代碼或無代碼）或通過少量代碼就可以快速生成應用程序的開發平台。它的強大之處在於，允許終端用戶使用易於理解的可視化工具開發自己的應用程序，而不是傳統的編寫代碼方式。構建業務流程、邏輯和數據模型等所需的功能，必要時還可以添加自己的代碼。完成業務邏輯、功能構建後，即可一鍵交付應用並進行更新，自動跟蹤所有更改並處理資料庫腳本和部署流程，實現在 IOS，Android，Web 等多個平台上的部署。
低代碼開發平台(LCDP)英文全稱為Low-Code Development Platform,一個顯著的特點是，更多的人可以參與到應用程序開發當中，不僅是具有專業編程能力的程序員，非技術背景的業務人員同樣可以構建應用；對於大型企業來講，低代碼開發平台還可以降低IT團隊培訓、技術部署的初始成本。
從這個定義上面我們可以找到一些關鍵點，簡單總結來說就是
1. 少量代碼或者無代碼，業務人員也能參與
2. 提供可視化，可配置的工具進行配置和建模
3. 可同時發布到多個平台或終端
4. 提供和雲端的持續集成和發布能力，可持續交付，即我們常說的DevOps
對於低代碼開發平台和快速開發平台區別，實際我想強調一個重點，我個人認為很重要，即：
低代碼開發需要實現從最早的以資料庫對象建模方式轉變為服務化建模方式。
傳統的快速開發平台不論是表單或流程涉及，更多的還是圍繞資料庫為核心進行，建立的對象可以生成資料庫。相關的表單操作也圍繞資料庫進行。
而在低代碼開發時代，我個人更加推薦一個轉變，就是基於對象服務化的分層開發模式。這個本身也是更加貼近我當前中台和微服務的構建思路。即你首先去構建你的對象並發布你的服務，然後再考慮如何基於這些發布的服務類構建上層的應用。即我們的開發過程橫向拆分為兩端。而中間基於服務進行松耦合連接。
即：微服務 + 服務 + 前端應用。
不是簡單的我們傳統應用拆分小了，而且我們的前端應用模塊，後端能力模塊也全部微服務化，形成我們當前說的平台+中台+前端應用的分層模式。這種模式如果再和我們當前的DevOps和容器化技術結合，那麼整個開發完成的應用就更加容易持續發布和交付，也更加容易在後續繼續彈性資源擴展和調度。
目前國內做得最好的電商企業就是天貓和京東了，電子商務行業市場仍然處在「有利可圖」的局面，很多創業者通過定製開發電商網店系統來得一塊蛋糕。電子商務商城網站開發技術日益成熟，部分擁有專業級商城網站開發技術的外包公司可以在短時間內幫助電商企業定製一個完善功能的網店系統，下面跟隨數商雲我來了解下網店系統開發什麼？
網店系統開發是什麼？商城網站搭建就是網上商城系統開發，是一個可以快速創建商城網站的系統。電商平台開發公司數商雲在電商網站開發行業擁有豐富的經驗，開發的網店系統擁有傻瓜性的操作特性，可以幫助用戶順利通過輕松的方式快速搭建自己的獨立網上電子商務平台。
國內網店系統外包公司哪家好？
就目前國內較為主流的網店系統開發語言來說，使用PHP、JSP和ASP語言開發的網店系統占據了80%以上，並且隨著電子商務發展呈現出良好趨勢，國內的電商網店系統開發商如雨後春筍一般涌現。然而要說電子商務系統開發業界擁有比較好口碑的商城系統就不能少了數商雲開發的電商系統擁有最豐富功能的網店系統，以及海量的網站商城開發模板和豐富的內頁設計以供企業選擇，是一個真正意義上的免開發、免設計的商城系統開發軟體，可以滿足許多企業和個人創業者對商城網站或者是網店功能的開發需求。
數商雲電商網站平台開發公司致力幫助企業商家和個人創業者花小量的投資，快速搭建專業的全網營銷型電子商務商城和APP商城，電商平台解決方案以最快的速度達成產品的銷售渠道和企業品牌的強化，幫助電商企業在創業過程實現多樣化渠道營銷同步。
下面這個是用odoo開發的，算是迷你sap財務，多機構，對賬簿，任意核算項目，開源可擴展
JABDP是一款基於引擎模式的web快速開發平台，並採用新穎的低代碼的在線開發部署模式，使開發變得更加簡單、純粹，減少web開發中80%的代碼量，革命性的提高了開發的效率。常用的功能，例如表單列表的增刪改查，只需簡單的自定義和配置就能自動生成。復雜的業務功能，只需要會基本的sql語句和javascript語法，就能進行快速開發，滿足其個性化的業務需求，設計出各種復雜的企業web應用。既能快速提高開發效率，幫助公司節省人力成本，同時又有效解決企業級項目中常遇到的改需求的問題，不失靈活性。JABDP開發平台適合用於大部分的企業級web應用的開發，尤其適合企業信息管理系（MIS）、企業資源計劃系統（ERP）、客戶關系管理系統（CRM），業務支撐系統（BSS）等。並且就一些經典的項目案例提取整合出各種類型的項目模板，共享給開發者參考，開發者可以在原有的項目基礎上進行修改定製，以打造其個性化的企業信息化平台。JABDP平台有如下特點：
真的是幸福的煩惱呀，根據我們情報資料庫監控顯示，國內快速開發平台廠商已經多達112家，並且還在擴增當中！
根據筆者的觀察，雖然都叫快速開發平台/低代碼開發平台，但各家的設計理念和業務擅長相差是很大的：
1、擅長數據填報分析：這類快速開發平台大多採用類excel技術，擅長表單和報表，例如魔方網表、活字格、簡道雲、雲表、狐表....很有趣哈，大多數名字後面都帶一個「表」字；
2、擅長復雜業務流程：這類快速開發平台大多基於BPM流程管理平台衍生，對流程引擎的打磨較為專業，java領域的廣州天翎、.NET領域的上海易正是我比較看好的代表；
3、擅長網站/APP/小程序定製：起步牛刀雲、廣州迪西克、深圳世雲IVX的產品可以體驗一下。
更多低代碼平台選型話題歡迎多多交流~
可以用我們公司開發的企業管理平台，郵件管理，客戶管理，工廠管理，產品管理，報價管理，訂單管理，采購管理，驗貨管理，出運管理，付款管理，發票管理，庫存管理，審批管理，投訴管理，請假管理，報銷管理，車輛管理，人事管理，資產管理，業績考核，等等功能都是現成的，還支持快速的二次開發，有興趣可以聯系我。
這個是開源的，可以看看
Jeecg-Boot 是一款基於SpringBoot+代碼生成器的快速開發平台！採用前後端分離架構：SpringBoot，Ant-Design-Vue，Mybatis，Shiro，JWT。強大的代碼生成器讓前端和後台代碼一鍵生成，不需要寫任何代碼，保持jeecg一貫的強大，絕對是全棧開發福音！！ JeecgBoot在提高UI能力的同時，降低了前後分離的開發成本，JeecgBoot還獨創在線開發模式（No代碼概念），一系列在線智能開發：在線配置表單、在線配置報表等等
勤哲就挺好，別看它簡單易用，但是功能極其強大，它可以幫助企業管理者自主構建信息系統，很不錯
分享個開源項目的技術棧
推薦個git上開源的快速開發項目，項目採用微服務為基礎的腳手架，包括流程、表單、列表、圖
表、應用等多個界面化的配置引擎。
項目介紹：
項目標簽
低代碼、微服務、支持SaaS、私有化部署、DevOps、
開源項目地址
體驗地址：http://frame.bctools.cn/#/login
登陸可以通過微信掃碼登陸，對於配置數據，請各位技術同學手下留情。
部署文檔
https://gitee.com/software-minister/jvs-docker-compose/blob/master/readme.md
**物理拓撲：
技術文檔地址（微信登陸可查看）：
技術棧說明：
系統部分截圖：
登陸頁面
配置化首頁
系統基礎信息設置
框架基礎功能
應用創建
列表配置
流程配置
表單配置
圖表配置
邏輯配置
❽ 前端開發常用又好用的幾個軟體
正所謂「工欲善其事必先利其器」，一名合格的Web前端開發工程師自然會用到不少能使其工作高效的工具。下面，就給大家分享Web前端學習需要了解的十款HTML5開發工具。
1、Lungo
Lungo是一款基於HTML5的開發框架，專為想要設計、構建和共享跨設備應用的開發者而准備。支持開放的Web標准，如HTML5、CSS3和JavaScript；支持手機、電視以及桌面設備。擁有強大的JavaScript API：開發WebAPP應用有很多種方式，而不是一味的優化。Lungo提供了一個強大的API，這樣你可以完全掌控自己的WebAPP應用程序。
2、Animatron
Animatron是一款簡單而又強大的在線工具，通過它，你可以創建出令人驚嘆的的HTML5動畫和互動內容。使用非常直觀的Animatron編輯器去設計和發布完美的移動產品，同時也可以到處播放的電影和信息圖表等，從桌面瀏覽器到移動設備，無需編碼，所見即所得。
9、Eclipse
Eclipse的本身只是一個框架平台，但是眾多插件的支持使得Eclipse擁有其他功能相對固定的IDE軟體很難具有的靈活性。許多軟體開發商以Eclipse為框架開發自己的IDE。Eclipse最初是由IBM公司開發的替代商業軟體Visual Age for Java的下一代ide開發環境，2001年11月貢獻給開源社區，現在它由非營利軟體供應商聯盟Eclipse基金會（Eclipse Foundation）管理。
10、DevExtreme
DevExtreme是專為你的移動世界精心准備的，一個跨平台開發的HTML5/JS框架，可以構建iOS、Android、Tizen和Windows Phone 8應用程序，是Visual Studio開發人員開發跨平台移動產品的優選工具。
以上就是為大家分享的十款HTML5開發必備的工具，相信這些工具一定會讓你幫你在從事Web前端開發過程中提高效率，打開一扇新的大門。
❾ 前端可視化開發平台哪個好用
ThingJS 不錯，ThingJS 基於 HTML5 和 WebGL 技術，可方便地在主流瀏覽器上進行瀏覽和調試，支持 PC 和移動設備。
❿ 有哪些生成前端代碼的神器呢
在前端開發的過程中，很多相同的代碼會寫很多遍。如：開始新項目的時候，要寫和舊項目類似腳手架代碼；新建一個組件的時候，要按約定寫組件結構。如果這些重復代碼能用工具來生成，能提升前端的開發效率。
生成代碼的工具分為兩類：基於命令的和基於圖像界面的。
基於命令的工具的優點是，可配置高，效率快。缺點是，可發現性差。適合配置項目很多，配置可以組合的情況。
基於圖像界面的優點是，可發現性強，操作簡單。缺點是如果配置項很多，容易變得很難用。
羅嗦了一堆，下面開始介紹正題。
項目腳手架代碼生成工具
項目腳手架主要做的項目的構建流程，環境的配置等。做到開箱即用。
基於命令的
yo曾經流行過的一個腳手架生成工具。支持定義腳手架內容。基於 yo 的第三方腳手架也很多。
vue-cli。 Vue 項目腳手架。支持自定義腳手架內容，感興趣的可以讀讀從vue-cli源碼學習如何寫模板。
create react appReact 腳手架。比較輕量級，只是整合 webpack 和 react-router。
react boilerplateReact 腳手架。比較重量級，整合了webpack 和 react router, rex, rex 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 組件，生成頁面。