Why looking for
Every time you preview an HTML page, you need to open a variety of browsers. Even if it’s not debugging, just to see what it looks like;
switch to switch, all kinds of refresh, feel a waste of time; I’ve used DW’s real-time preview before, and I think it’s a great feature.
is back in the atom plug-in repository…
Plug-in: atom – HTML – preview
A live preview tool for Atom Editor.
:A live preview tool for Atom Editor
access
- installs
from the command line
apm install atom-html-preview
-
- search
atom-html-preview
- install
via install inside the editor
Usage and effect
shortcuts
Default shortcut: CTRL + P, which will conflict with the built-in core plugin (switch files) – very difficult to modify: CTRL + F12(easy to use and no conflict shortcut)
#Live Browser Call Shortcuts
'atom-text-editor':
'ctrl-F12':'atom-html-preview:toggle'
Tips:
is written in the keymap with the highest weight… Newer versions of Atom have the Dev Live Reload plug-in built in;
The purpose of this plug-in is to reload all styles and rules, similar to Linux source xx. Sh
… The call shortcut is CTRL + SHIFT + ALT +R
Of course, closing Atom and then opening the Atom editor also reloads all the style rules…
rendering
I used pages written by THE BS framework to test… Can be correctly previewed, internal CSS is CDN also can be correctly identified
Browser guess
When I went to the github repository page of the plug-in, I only saw some cson
rules, no external browser was called…
So there’s only one answer… It’s chromium
… So the kernel should also be blink
and below is atom which refers to the external description.
Web native applications
Atom is a web-based desktop application that, like other desktop applications, has its own ICONS, local menus, dialog boxes, and access to the entire file system.
Whether you’re tweaking Atom’s CSS interface or adding some of the main HTML and JavaScript features, it’s easy to control and easy to use.
Ha ha… Of course, if you’re wrong, everyone should be laughing… Just smile…
Soft bin address: Atom-HTML-Preview
Read More:
- [Solved] Postman Error: Unsupported Media Type
- Turn off eslint checksum and resolve formatting conflicts
- Start failure: spawn CMD enoent error (How to Fix)
- Vscode configures eslint to solve terminal syntax error
- How to Solve Altium designer Rule Check Without an Error Issue
- How to Solve Hexo init error: bash: hexo: command not found
- [Solved] Failed to initialize the editor as the document is not in standards mode. TinyMCE requires standards mode.
- [Solved] error during connect: This error may indicate that the docker daemon is not running
- Uncaught SyntaxError: Cannot use import statement outside a module
- Call to undefined method Illuminate\Foundation\Application::bindShared()
- Refresh 404 after packaging Vue project, uncaught syntax error: unexpected token <
- Error: EEXIST file already exists open [How to Solve]
- Vue Browser Error: Failed to load resource: the server responded with a status of 404 (Not Found)
- [Solved] Unity Error: ‘BuildPipeline‘ does not contain a definition for ‘GetBuildTargetName‘
- Gog cannot link PSN: the connection to the server timed out
- Solution: configuration of multiple front ends separated from front end and back end of nginx
- HEXO D Command ERROR Deployer not found: git
- [Solved] GLSL Lint: Failed to spawn ‘glslangValidator‘ binary. Error: spawn glslangValidator.exe ENOENT
- Error running ‘Android Debugger (-1)‘ [How to Solve]