Installation guide missing
Rogue75 opened this issue · comments
The Readme does not contain instructions for installing live server ++.
How do I install this extension?
Virtual Studio Code provides manual installation instructions for extensions here.
You can manually install a VS Code extension packaged in a .vsix file.
Or running this code from the command line:
code --install-extension (<extension-id> | <extension-vsix-path>)
I was not able to do this as I was not able to find the extension-id?
Sorry my comment is a bit late, but you have to install this from source. Find your .vscode folder, which is usually in your home folder (/Users/username
/.vscode). In that clone the repositiory, and rename it to ritwickdey.vscode-live-server-plus-plus-0.0.1
. Go into that folder and run npm install
. After that, run npm run compile
, and open/reload visual studio code.
Hope that helps!
How do I install in MacOs?
I found the 'vscode-live-server-plus-plus-0.0.1' posed serious challenges in understanding what component versions to go for in package.json for this extension to work in late 2022.
What I ended up with was I found this other extension "Live Server (Five Server)" among the already listed VSCode extensions in the app, which does live rendering as desired. Only oddity for the true live editing to work is, the folder in which you keep the file that you are editing browser content in, needs to contain a config file '.fiveserverrc'
that contain the JSON:
{
"injectBody": true,
"highlight": false
}
(or highlight: true if you want the edited area highlighted in blue while you type).
I read some users complained they have to place that config in EVERY folder they are going to edit HTML in if they want that true live response without a file save in between.
Then when editing you will see a button in the footer of VSCode saying "Go Live"
that enable a server on port 5555 where the browser can view the
live output of the HTML being typed.