HTML怎么做到一边打代码,一边在浏览器上运行?
就是每打完一串代码,就可以在浏览器上查看效果如何,而不是在Dream weaver里看实时视图。我在百度找了好久都没有看到答案
这个叫热重载,剩下的你百度,因为每个编辑器的插件都不一样,你搜自己用的编辑器名+热重载
谢邀。你算是问对人了。这方面的选择非常多,这里只说说我用过的。
在线编程网站
点开进去就能用系列。
Code Sandbox
Online Code Editor and IDE for Rapid Web Development?codesandbox.io
Codepen
CodePen?codepen.ioJS Fiddle
https://jsfiddle.net/?jsfiddle.netJS Bin
JS Bin?jsbin.com开发工具
需要安装开发工具、插件系列。
Visual Studio Code + Live Server 插件
Live Server - Visual Studio Marketplace?marketplace.visualstudio.comWebstorm 的 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.orgVue 项目,用 Vue CLI 工具创建项目
安装 — Vue.js?cn.vuejs.orgVscode有一个扩展插件,preview on webserver,题主可以试试,然后再设置一下自动保存,就可以分屏,一边浏览器一边敲代码浏览器页面会实时反馈了
webpack HMR这个才够逼格,剩下的自己查
1、Chrome插件、firefox插件定时刷新。
2、热重载。
推荐阅读: