HTML怎麼做到一邊打代碼，一邊在瀏覽器上運行?
就是每打完一串代碼，就可以在瀏覽器上查看效果如何，而不是在Dream weaver里看實時視圖。我在百度找了好久都沒有看到答案
這個叫熱重載，剩下的你百度，因為每個編輯器的插件都不一樣，你搜自己用的編輯器名＋熱重載
謝邀。你算是問對人了。這方面的選擇非常多，這裡只說說我用過的。
在線編程網站
點開進去就能用系列。
Code Sandbox
Online Code Editor and IDE for Rapid Web Development?codesandbox.io
Codepen
CodePen?codepen.io
JS Fiddle
https://jsfiddle.net/?jsfiddle.netJS Bin
JS Bin?jsbin.com
開發工具
需要安裝開發工具、插件系列。
Visual Studio Code + Live Server 插件
Live Server - Visual Studio Marketplace?marketplace.visualstudio.com
Webstorm 的 Live Edit 功能
Live Edit in HTML, CSS, and JavaScript - Help | WebStorm?www.jetbrains.com
打包工具
這部分需要具有一定的前端基礎。
Webpack 的 Hot Module Replacement 功能
Hot Module Replacement | webpack?webpack.js.org
React 項目，用 create-react-app 工具創建項目
創建新的 React 應用 – React?zh-hans.reactjs.org
Vue 項目，用 Vue CLI 工具創建項目
安裝 — Vue.js?cn.vuejs.org
Vscode有一個擴展插件，preview on webserver,題主可以試試，然後再設置一下自動保存，就可以分屏，一邊瀏覽器一邊敲代碼瀏覽器頁面會實時反饋了
webpack HMR這個才夠逼格，剩下的自己查
1、Chrome插件、firefox插件定時刷新。
2、熱重載。
推薦閱讀：
