Stack Overflow
Stack Overflow

Questions tagged [live-preview]

Live preview is a feature provided by a development tool. It allows the developer to get the visual result of code editing instantly, without refreshing the result page.

Live preview is a feature provided by a development tool. It allows the developer to get the visual result of code editing instantly, without refreshing the result page.

77 questions
1
vote
1 answer

Live Preview or LiveReload during editing of CSS and HTML in Komodo IDE?

I have heard a lot about Komodo IDE. Does Komodo IDE have an extension or native support for Live preview? Could Komodo IDE be extended to have some sort of live preview when editing CSS and HTML? I really want to try an IDE or editor with…
Carven
  • 14,988
  • 29
  • 118
  • 161
0
votes
1 answer

How can I speed up the VS Code performance and Live Preview?

I have been using my computer for coding till now. My computer has a i3 - 8100 cpu and a RX 550 gpu. I bought a new laptop recently, ASUS Vivobook S15 without OLED. The specs of new laptop are: CPU - i5 - 12500H Ram - 12 GB Graphics -…
Geetansh
  • 1
  • 2
0
votes
0 answers

Next.JS & Sanity.IO Single Post Live Preview Not Working

The blog itself and the live preview for the home page (where you can see all the posts) works fine, but when I tried to implement it for a single post I got this error: TypeError: Cannot read properties of null (reading 'mainImage')
Vilmos Szabó
  • 167
  • 1
  • 2
  • 10
0
votes
1 answer

SwiftUI Preview crashes when an @ObservedObject and it's optional @Published var is used

There are no compile errors and runs fine in simulator, but every view that contains this specific @ObservedObject, the preview crashes. AzureAccount.swift import Foundation import MSAL class AzureAccount: ObservableObject { @Published var…
wuwut
  • 33
  • 4
0
votes
0 answers

Google Chrome VScode HTML Live Preview Open Brower Problem

[enter image description here](https://i.stack.imgur.com/11MVd.jpg)[enter image description here](https://i.stack.imgur.com/QNhCG.jpg) As you can see my problem is this one https://i.stack.imgur.com/tTGdf.jpg for some reason the text are big and if…
keanisidore deguzman
  • 1
0
votes
0 answers

How to exit out of VSCode's Live Preview extension devtools pane windowed mode

Whenever I click the vertical triple dot button in the live preview devtools, there is no longer an option to exit out of windowed mode. I want the devtools pane to be intergrated within the VSCode window, which I could do before, but now it seems…
expoodo
  • 65
  • 1
  • 8
0
votes
0 answers

VSCode only shows Live Preview in status bar when server is running

Microsoft's Live Server addon is no longer a tick-able option in the status bar right click menu, and only shows up as the "Port:3000" after I start the server using CtrlShiftP. My guess is that either an update or the Live Server (Five Server)…
Locke
  • 1
0
votes
1 answer

VS Code's Live Preview extension element section doesn't seems to work properly

I have a very basic HTML file that looks like this: Then I opened it with Live Preview extension: Then I clicked the hamburger menu and opened the 'Devtools Pane': The issue is why my elements section looks complicated like this: However, if I…
Zeroz
  • 139
  • 1
  • 7
0
votes
1 answer

PhpStorm preview reload change option at settings does not work

Option "Reload page in built-in preview" does not work, no matter if I choose "On save" or "On change" (need this one). Pass to option: Settings -> Tools -> Web Browsers and Preview (the option is in bottom) As you see in image below, I echoed…
RidddleWrong
  • 1
  • 2
0
votes
1 answer

Debug asp.net core mvc web application with live preview in VS Code

I'm a web designer and I want to visualize the code changes in real time in VS Code, but for now I haven't been able to do that with this kind of asp.net core application. The "Live Preview", "Live Server" and "Five Server" extension didn't work.…
Adam Rampazzo
  • 1
  • 1
0
votes
0 answers

Codesandbox live preivew

I hope someone can help me with this. I am writing my CSS for React APP in codesandbox but on CTRL + S, I am not able to see live changes, even if I've turned live preview ON. Someone had same problems? Cheers!
Haris Hamzić
  • 23
  • 5
0
votes
0 answers

Why my codepen.io code isn't working on my brackets live preview?

I am trying to put this typewriting effect on my website. I use Brackets as code editor and in its live preview the code simply isn't running. Tested a few other ways to do this effect but nothing seems to work on my live preview, only on codepen.…
user10001050
0
votes
1 answer

Brackets live preview won't load Javascript w/ HTML and CSS files

When I open live preview in brackets the page comes up but never finishes loading. Live preview has worked fine while working on HTML and CSS files, but now that I'm incorporating Javascript I am having this issue. I have re-installed the program…
hjones49
  • 3
  • 4
0
votes
1 answer

Swift UI Live Preview Canvas not working with macOS Catalina and Xcode 11.0

I'm running Xcode 11.0 on macOS Catalina public release (19A583). Opening a Swift UI file, I cannot see the "resume button" to enable Live Preview on Canvas window, even if I selected "Show editor and canvas".
francybiga
  • 960
  • 1
  • 8
  • 16
0
votes
1 answer

Brackets live preview not working suddenly

So I am editing a website for an NPO, and I am using brackets to do so. Before today, live preview was fine, and showed the whole website. Starting today, when I open live preview, the website looks blank. However, when I use dev tools, I can see…
Isam Gemeda
  • 1
  • 4
1 2 3
4
5 6