mirror of
https://github.com/nuxt/nuxt.git
synced 2025-01-30 15:22:39 +00:00
Update README.md
This commit is contained in:
parent
1fc685a880
commit
247b53c3c3
33
README.md
33
README.md
@ -60,32 +60,20 @@ So far, we get:
|
|||||||
|
|
||||||
- Automatic transpilation and bundling (with webpack and babel)
|
- Automatic transpilation and bundling (with webpack and babel)
|
||||||
- Hot code reloading
|
- Hot code reloading
|
||||||
- Server rendering and indexing of `./pages`
|
- Server rendering and indexing of `pages/`
|
||||||
- Static file serving. `./static/` is mapped to `/`
|
- Static file serving. `./static/` is mapped to `/`
|
||||||
- Config file `nuxt.config.js`
|
- Configurable with a `nuxt.config.js` file
|
||||||
|
- Custom layouts with the `layouts/` directory
|
||||||
- Code splitting via webpack
|
- Code splitting via webpack
|
||||||
|
|
||||||
## Using nuxt.js programmatically
|
## Using nuxt.js programmatically
|
||||||
|
|
||||||
Nuxt is built on the top of ES2015, which makes the code more enjoyable and cleaner to read. It doesn't make use of any transpilers and depends upon Core V8 implemented features.
|
|
||||||
For these reasons, nuxt.js targets Node.js `4.0` or higher (you might want to launch node with the `--harmony-proxies` flag if you running `node <= 6.5.0` )
|
|
||||||
|
|
||||||
```js
|
```js
|
||||||
const Nuxt = require('nuxt')
|
const Nuxt = require('nuxt')
|
||||||
|
|
||||||
const options = {
|
|
||||||
routes: [], // see examples/custom-routes
|
|
||||||
css: ['/dist/bootstrap.css'] // see examples/global-css
|
|
||||||
store: true // see examples/vuex-store
|
|
||||||
plugins: ['public/plugin.js'], // see examples/plugins-vendor
|
|
||||||
loading: false or { color: 'blue', failedColor: 'red' } or 'components/my-spinner' // see examples/custom-loading
|
|
||||||
build: {
|
|
||||||
vendor: ['axios'] // see examples/plugins-vendor
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Launch nuxt build with given options
|
// Launch nuxt build with given options
|
||||||
let nuxt = new Nuxt(options)
|
let config = require('./nuxt.config.js')
|
||||||
|
let nuxt = new Nuxt(config)
|
||||||
nuxt.build()
|
nuxt.build()
|
||||||
.then(() => {
|
.then(() => {
|
||||||
// You can use nuxt.render(req, res) or nuxt.renderRoute(route, context)
|
// You can use nuxt.render(req, res) or nuxt.renderRoute(route, context)
|
||||||
@ -106,7 +94,7 @@ app.use(nuxt.render)
|
|||||||
|
|
||||||
## Render a specific route
|
## Render a specific route
|
||||||
|
|
||||||
This is mostly used for tests purpose but who knows!
|
This is mostly used for `nuxt generate` and tests purposes but you might found another utility!
|
||||||
|
|
||||||
```js
|
```js
|
||||||
nuxt.renderRoute('/about', context)
|
nuxt.renderRoute('/about', context)
|
||||||
@ -125,14 +113,7 @@ nuxt.renderRoute('/about', context)
|
|||||||
|
|
||||||
## Examples
|
## Examples
|
||||||
|
|
||||||
Please take a look at the examples/ folder.
|
Please take a look at the [examples/](https://github.com/nuxt/nuxt.js/tree/master/examples) directory.
|
||||||
If you want to launch one example to see it live:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
cd node_modules/nuxt/
|
|
||||||
bin/nuxt examples/hello-world
|
|
||||||
# Go to http://localhost:3000
|
|
||||||
```
|
|
||||||
|
|
||||||
## Production deployment
|
## Production deployment
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user