web編譯器html
1. 常見的網頁編輯器有哪些製作網頁的
在頁面布局時，一款好用的代碼編輯器會大大提升工作效率，作為一個前端開發人員，你知道HTML編輯器都有哪些嗎？具體哪個HTML編輯器比較好用？本篇文章為php中文網網友們推薦了前端開發人員常用的4款html編輯器，以下是具體介紹，感興趣的小夥伴可以參考借鑒一下。
一、HTML編輯器有哪些？
1、HBuilder
下載地址：http://www.dcloud.io
HBuilder是DCloud推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫的。速度快，是HBuilder的最大優勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發效率。Hbuilder是由有我國的前端開發人員編寫的一款前端開發IDE，所以在使用上比較符合我們中國人的開發習慣，用HBuilder寫HTML代碼還是很方便的。
2、Adobe Dreamweaver CS
下載地址：http://www.php.cn/xiazai/gongju/469
dreamweaver cs6 是世界頂級軟體廠商adobe推出的一套擁有可視化編輯界面，可用於編輯網站和移動應用程序的代碼編輯器。由於它支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁，對於初級人員，你可以無需編寫任何代碼就能快速創建web頁面。其成熟的代碼編輯工具更適用於web開發高級人員的創作！cs6新版本使用了自適應網格版面創建頁面，在發布前使用多屏幕預覽審閱設計,可大大提高工作效率。所以Adobe Dreamweaver CS也是一個比較好的HTML代碼編輯器。
3、SublimeText3漢化版
下載地址：http://www.php.cn/xiazai/gongju/93
Sublime Text是一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟體，不僅具有華麗的界面，還支持插件擴展機制，用她來寫代碼，絕對是一種享受。相比於難於上手的Vim，浮腫沉重的Eclipse，VS，即便體積輕巧迅速啟動的Editplus、Notepad++，在SublimeText面前大略顯失色，無疑這款性感無比的編輯器是coding的不錯的選擇。
4、Notepad
下載地址：http://www.php.cn/xiazai/gongju/92
Notepad++是旨在替代Windows默認的notepad而生，比notepad的功能強大很多很多。notepad++支持插件，添加對應不同的插件，以支持不同的功能。裡面除了一些常見的插件之外，還有一些好玩的插件，比如將文字讀出來的speech插件。Notepad++屬於輕量級的文本編輯類軟體，比其他一些專業的文本編輯類工具，啟動更快，佔用資源更少，但是從功能使用等方面來說，不亞於那些專業工具。
二、HTML編輯器哪個好用？專業的前端開發程序員都用哪個呢？
代碼編輯器有很多種，至於那個是最好用的HTML代碼編輯器，每個人的觀點不一樣，個人認為HBuilder是最好用的HTML編輯器。因為Hbuilder是由有我國的開發人員開發的一款軟體，在使用上比較符合我們中國人的開發習慣，而且它有很強大的代碼提示功能，能大大提升工作效率，有很多的插件，包括最全面的語法庫和瀏覽器兼容性數據等等，所以我覺得Hbuilder是最好的HTML代碼編輯器。其次用的最多的是SublimeText和notepad++，大家可以根據自己喜好選擇！
總結：
以上給大家分享了HTML編輯器有哪些，以及結合自身經驗，分享最好用的HTML編輯器，大家可以多下載幾款編輯器，看看自己喜歡哪個，希望你盡快找到自己喜歡的HTML代碼編輯器。
還有vscode webstorm
2. 做網頁用什麼html編輯器最好
個人覺得adobe公司的Brackets最好用，然後是微軟的Visual Studio Code。
安裝上各類插件，體驗太好
3. 初學者學習html5用什麼編譯器
1. 編輯器里邊推薦sublime，這是簡單配置，能夠順手使用的一款，界面炫酷，主題漂亮，體驗給力。
2. 另外vim,emacs,textmate入門曲線比較陡，不建議使用。
3. 另外簡單點的：notepad++,editplus，選那個區別不大。notepad++有黑色主題，editplus啟動還是那麼快。
4. webstorm,phpstorm,intellijdea，隨便選一款，都差不多。分別支持不同的後台語言而已。
sublime text 是所有編輯器里邊支持emmet比較好的的唯一一款。
webstorm是所有編輯器里邊唯一內置emmet的一款，並且將emmet的精神往前推動的一款。
4. 編寫html5的編譯器webstrom怎麼樣
WebStorm 是一款JavaScript 開發工具。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
智能的代碼補全
支持不同瀏覽器的提示，還包括所有用戶自定義的函數(項目中)
代碼補全包含了所有流行的庫，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
代碼格式化
代碼不僅可以格式化，而且所有規則都可以自己來定義
html提示
大家經常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了智能提示，就爽多了。而且html裡面還能有js提示。
聯想查詢
只需要按著Ctrl鍵點擊函數或者變數等，就能直接跳轉到定義；可以全
代碼導航和用法查詢(8張)
項目查找函數或者變數，還可以查找使用並高亮。
代碼重構
這個操作有些像Resharper，熟悉Resharper的用戶應該上手很快，支持的有重命名、提取變數/函數、內聯變數/函數、移動/復制、安全刪除等等。
代碼檢查和快速修復
可以快速找到代碼中的錯誤或者需要優化的地方，並給出修改意見，快速修復。
代碼調試
支持代碼調試，界面和IDEA相似，非常方便。
代碼結構瀏覽
可以快速瀏覽和定位
代碼折疊
功能雖小，不過勝在方便高效
包裹或者去掉外圍代碼
自動提示包裹或者去掉外圍代碼，一鍵搞定
5. html網頁編輯器 哪個比較好
HTML的編輯器有很多，現在介紹如下幾種專業的開發工具：
1、Adobe Dreamweaver
Adobe Dreamweaver，簡稱「DW」，中文名稱 "夢想編織者"，是美國MACROMEDIA公司開發的集網頁製作和管理網站於一身的所見即所得網頁編輯器，DW是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。
2、Sublime Text
Sublime Text 是一個代碼編輯器（Sublime Text 2是收費軟體，但可以無限期試用），也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner於2008年1月份所開發出來，它最初被設計為一個具有豐富擴展功能的Vim。
Sublime Text具有漂亮的用戶界面和強大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書簽，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口等等。Sublime Text 是一個跨平台的編輯器，同時支持Windows、Linux、Mac OS X等操作系統。
3、HBuilder
HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE,HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫，它基於Eclipse，所以順其自然地兼容了Eclipse的插件。快，是HBuilder的最大優勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發效率。
6. 請問在web的html編輯器中，「設計」和「預覽」這兩個視圖有何區別呢
設計是給你看的，預覽是給瀏覽器看的
7. 為什麼用webpack 生成html
需求來看下我們的需求:使用webpack-dev-server做開發時的伺服器在webpack-dev-server里使用路由，訪問/a時候顯示a.html，/b顯示b.html打包成多個html，給其中引用到資源加md5戳主要目錄結構├——src│└——views#每一個文件夾對應一個頁面│└——a│└——index.js│└——b│└——index.js├——output#打包輸出的目錄|└——└——template.html#將根據這個模版，生成各個頁面的html└——webpack.config.js└——dev-server.js#webpack-dev-server+express只列出了主要的目錄，這里我們根據一個template.html來生成多個頁面的html，他們之間只有引用的資源路徑不同。當然，你也可以每個頁面單獨使用一個html模版。Webpack配置這里主要解決兩個小問題。1.打包多個頁面的js文件讀取src/views下的目錄，約定每一個目錄當成一個頁面，打包成一個jschunk。2.打包多個html循環生成多個HtmlWebpackPlugin插件，把每一個插件的chunks各自指向上面打包的jschunk。//webpack.config.jsvarglob=require('glob');varwebpackConfig={/*一些webpack基礎配置*/};//獲取指定路徑下的入口文件functiongetEntries(globPath){varfiles=glob.sync(globPath),entries={};files.forEach(function(filepath){//取倒數第二層(view下面的文件夾)做包名varsplit=filepath.split('/');varname=split[split.length-2];entries[name]='./'+filepath;});returnentries;}varentries=getEntries('src/view/**/index.js');Object.keys(entries).forEach(function(name){//每個頁面生成一個entry，如果需要HotUpdate，在這里修改entrywebpackConfig.entry[name]=entries[name];//每個頁面生成一個htmlvarplugin=newHtmlWebpackPlugin({//生成出來的html文件名filename:name+'.html',//每個html的模版，這里多個頁面使用同一個模版template:'./template.html',//自動將引用插入htmlinject:true,//每個html引用的js模塊，也可以在這里加上vendor等公用模塊chunks:[name]});webpackConfig.plugins.push(plugin);})路由配置在多頁應用下，我們希望訪問的是localhost:8080/a，而不是localhost:8080/a.html。由於webpack-dev-server只是將文件打包在內存里，所以你沒法在express里直接sendfile('output/views/a.html')，因為這個文件實際上還不存在。還好webpack提供了一個outputFileStream，用來輸出其內存里的文件，我們可以利用它來做路由。注意，為了自定義路由，你可能需要引進express或koa之類的庫，然後將webpack-dev-server作為中間件處理。//dev-server.jsvarexpress=require('express')varwebpack=require('webpack')varwebpackConfig=require('./webpack.config')varapp=express();//webpack編譯器varcompiler=webpack(webpackConfig);//webpack-dev-server中間件vardevMiddleware=require('webpack-dev-middleware')(compiler,{publicPath:webpackConfig.output.publicPath,stats:{colors:true,chunks:false}});app.use(devMiddleware)//路由app.get('/:viewname?',function(req,res,next){varviewname=req.params.viewname?req.params.viewname+'.html':'index.html';varfilepath=path.join(compiler.outputPath,viewname);//使用webpack提供的outputFileSystemcompiler.outputFileSystem.readFile(filepath,function(err,result){if(err){//somethingerrorreturnnext(err);}res.set('content-type','text/html');res.send(result);res.end();});});mole.exports=app.listen(8080,function(err){if(err){//dosomethingreturn;}console.log('Listeningatpackage.json{scripts:{"dev":"node./dev-server.js"}}運行npmrundev，然後在瀏覽器訪問localhost:8080/各個頁面，你應該可以看到想要的結果。
8. 學習html5要用到哪個編譯器
1：以下學習web前端最常用的編輯器
sublime text3 一款非常好用的前端開發軟體，不過需要安裝插件
hbuilder 國產軟體，非常受國內前端開發人員的喜愛。不過對於低配置的電腦會有點卡頓
editplus 前端學習的初期階段，能較好的打代碼功底。
webstorm 這款軟體也很受前端開發人員的喜愛。不管國內還是國外用的人非常多。
除此之外還有很多的編輯器。像DW、notepad++等等。
2：https://www.mengke.com/ 這是以上提到的諸多軟體下載地址。
3：對以上回答有哪裡不理解請最追問或者指正
9. html文件從web伺服器下載到瀏覽器執行時需要編譯嗎
無需編譯，直接由伺服器讀取，無需編譯，直接由伺服器讀取，無需編譯，直接由伺服器讀取，無需編譯，直接由伺服器讀取，無需編譯，直接由伺服器讀取，無需編譯，直接由伺服器讀取。
無需編譯，直接由伺服器讀取，無需編譯，直接由伺服器讀取，無需編譯，直接由伺服器讀取，無需編譯，直接由伺服器讀取。
無需編譯，直接由伺服器讀取，無需編譯，直接由伺服器讀取，無需編譯，直接由伺服器讀取。
10. 學習html5有什麼編譯器推薦下
1. 編輯器里邊推薦sublime，這是簡單配置，能夠順手使用的一款，界面炫酷，主題漂亮，體驗給力。
2. 另外vim,emacs,textmate入門曲線比較陡，不建議使用。
3. 另外簡單點的：notepad++,editplus，選那個區別不大。notepad++有黑色主題，editplus啟動還是那麼快。
4. webstorm,phpstorm,intellijdea，隨便選一款，都差不多。分別支持不同的後台語言而已。
sublime text 是所有編輯器里邊支持emmet比較好的的唯一一款。
webstorm是所有編輯器里邊唯一內置emmet的一款，並且將emmet的精神往前推動的一款。