https://github.com/ulivz/w7
Serves the pure htmls, updates the browser on changes.
https://github.com/ulivz/w7
Last synced: 3 months ago
JSON representation
Serves the pure htmls, updates the browser on changes.
- Host: GitHub
- URL: https://github.com/ulivz/w7
- Owner: ulivz
- License: mit
- Created: 2018-03-24T14:22:53.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2021-05-31T04:09:03.000Z (over 4 years ago)
- Last Synced: 2025-04-15T09:42:24.001Z (6 months ago)
- Language: JavaScript
- Homepage:
- Size: 766 KB
- Stars: 12
- Watchers: 1
- Forks: 1
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Serves the pure htmls, Updates the browser on changes.
## Features
* Pure HTML without any built process.
* Hot code reloading.
* Automatically transforms JS files using Babel (Vue & React).
* Built-in boilerplates.
## Install
```bash
npm i w7 -g
```
## Usage
```
w7 # Default entry: './index.html'
w7 --entry app.html # Custom entry (alias: -c)
w7 app.html # Shortcut
w7 --entry ./app.html --port 1994 # Custom port (alias: -p)
w7 app.html --cwd src # Custom cwd (alias: -c)
w7 src/app.html --cwd src # Ditto
w7 app.html --open-in-browser # Open browser when server started (alias: -o)
w7 dist # If giving a directory, will serve for 'dist/index.html'
```
All options:
```
COMMAND OPTIONS
-c, --cwd Current working directory.
-e, --entry Entry html file.
-p, --port Dev server's port [Default: 4000]
-o, --openInBrowser Whether to open browser when server started.
GLOBAL OPTIONS
-v, --version Display version
-h, --help Display help
```
## Q & A
- **Is this project not the opposite of front-end engineering**?
Of course not, on the contrary, I am an fanatic front-end engineering supporter, the reason for the birth of this project is not to resist front-end engineering. It is only for the excessive development of front-end engineering, we often need a lot of construction processes to test a very simple function:
> If you just want to test a **_Counter_** with vue, why spend so much time on starting a project with **vue-cli**?
With this project, it will be very simple to test some simple prototype features. In other words, it is more like an offline version of [**_codepan_**](https://codepan.net).
## Boilerplate
From `w7@0.0.4`, some preset boilerplates for you to kick off your project quickly.
```
w7 init # Generate a simple html file with random filename (includes git user name.)
w7 init --lib vue # Generate a Counter boilerplate with vue.
w7 init --lib react # Generate a Counter boilerplate with React+JSX.
```
Built-in boilerplates for now:
- vue
- react
- rxjs
Unbuilt libraries will be injected from unpkg directly:
```
w7 init -lib jquery # will be injected.
```
Free free to tell me what your want to be built in. :)
## Contributing
1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D
## Author
**w7** © [ulivz](https://github.com/ULIVZ), Released under the [MIT](./LICENSE) License.
Authored and maintained by ulivz with help from contributors ([list](https://github.com/ULIVZ/w7/contributors)).
> [github.com/ulivz](https://github.com/ulivz) · GitHub [@ulivz](https://github.com/ULIVZ)