Comments (6)
Hey @abhishekisnot @famousgarkin, someone else submitted a PR that would make live-server automatically choose a new port when the current port is in use (PR #12).
I've cleaned it up and included it within my larger PR #48. This means when you call live-server
without --port
, it'll try port 8080, and then randomly choose an open port > 5000. Does this fit your needs?
I understand --port=9000 will do the job, but I don't like to fire long command every time :)
-- @abhishekisnot
I feel you there :).
Here's a quick side tip: make use of the "scripts" key within your package.json
(see npm docs).
-
First, add
live-server
as a local dev dependency to your project. This ensures you'll always have the tool frozen and stable for your project:$ npm install live-server --save-dev
-
Then, add the following to your
package.json
:{ // ... package.json metdata ... "scripts": { "server" : "./node_modules/.bin/live-server --port=9000" } }
You can also add other options, e.g.,
--no-browser
, etc. To run the script, it's just:npm run-script server
from live-server.
Thank you very much for auto pick next available port change.
I know the npm scripts facility. I always use that for most project once poc is mature enough to share.
Default port can be setup in various ways anyways, for example: I have zsh alias setup for live-server to pick 9000, so this issue is not high impact.
Just that I was surprised to see we pickup 8080 by default where as most dev servers would choose 9000 or 5000 (browser sync for example)
BTW, we don't need full path in npm scripts, .bin is in path anyways for all npm scripts.
from live-server.
BTW, we don't need full path in npm scripts, .bin is in path anyways for all npm scripts.
I guess you learn something new everyday, haha. Thanks!
Just that I was surprised to see we pickup 8080 by default where as most dev servers would choose 9000 or 5000 (browser sync for example)
I think the original choice was just plain convenience. 8080 made it clear that the service is HTTP. Also, with the new auto-reconfigure-port, I guess this is now less of an issue.
Default port can be setup in various ways anyways, for example: I have zsh alias setup for live-server to pick 9000, so this issue is not high impact.
There's also an outstanding PR #33 that discusses defining per-project and per-user-global default settings. I know it's not exactly what you meant on this issue ticket, but could you let us know your thoughts there? Would you find it useful?
from live-server.
If I run this code, it will just start with port 8080.
"scripts": {
"serve": "live-server .",
"start": "live-server --port=8000"
}
Someone an idea why? Seems to be a bug or I am wrong?
from live-server.
@bes1002t try changing the command in start as:
live-server -p 8000
from live-server.
I have achieved like this (on windows):
"scripts": {
"start": "set PORT=8000 && live-server"
}
from live-server.
Related Issues (20)
- up to date alternative HOT 3
- It doesn't reload on changes HOT 2
- Prevent script injection in an iframe HOT 1
- liveReload no work in WSL2
- Does not load at all
- Live-server links to local files do not work HOT 6
- https not working properly
- How can I get live-server to work with URLs that are prepended with a base URL during production builds?
- Consider moving to esm and then build for cjs HOT 2
- Install anguar app but when refresh its coming 404 error, route not working
- 'live-server' is not recognized as the name
- Should entry file flag take precedence over the index file?
- On mac, installed live-server but the main script has CRLF line terminators HOT 2
- live-server watching .git directory changes HOT 1
- live-server very slow for some reason (like 3G network) HOT 1
- Browser doesn't refresh if script tag is added
- I can't install live-server! HOT 2
- No live reload on files with no <head> HOT 1
- liveserver issue
- Parameter Routes do not work with live-server
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from live-server.