就是每打完一串代码,就可以在浏览器上查看效果如何,而不是在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.net

JS 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、热重载。


推荐阅读:
相关文章