官方地址:https://www.nuxtjs.cn/guide/commands
命令 | 描述 |
nuxt | 启动一个热加载的 Web 服务器(开发模式) localhost:3000。 |
nuxt build | 利用 webpack 编译应用,压缩 JS 和 CSS 资源(发布用)。 |
nuxt start | 以生产模式启动一个 Web 服务器 (需要先执行 |
nuxt generate | 编译应用,并依据路由配置生成对应的 HTML 文件 (用于静态站点的部署)。 |
| |
你可以将这些命令添加至 package.json
:
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
"generate": "nuxt generate"
}
这样你可以通过 npm run <command>
来执行相应的命令。如: npm run dev
。
生成静态:
Nuxt.js 可依据路由配置将应用静态化,使得我们可以将应用部署至任何一个静态站点主机服务商。
可利用下面的命令生成应用的静态目录和文件:
打开 CMD》路径指向项目根目录》输入命令
npm run generate
这个命令会创建一个 dist
文件夹,所有静态化后的资源文件均在其中。
如果你的项目需要用到动态路由,请移步 generate 配置 API 了解如何让 Nuxt.js 生成此类动态路由的静态文件。
注意:使用
nuxt generate
静态化应用的时候, 传给 asyncData() 和 fetch() 方法的上下文对象 不会包含 req
和 res
两个属性。