标签:pre class asc div 启动 style 通过 内容 run
先在指定目录下创建一个新的项目目录
mkdir my-project cd my-project
在当前目录(my-project)下创建package.json,内容如下:
{ "name": "my-project", "scripts": { "dev": "nuxt" } }
上面的配置使得我们可以通过运行 npm run dev 来运行 nuxt。
创建package.json后,在项目中安装nuxt:
npm install --save nuxt
创建pages目录(Nuxt.js 会依据 pages 目录中的所有 *.vue 文件生成应用的路由配置):
mkdir pages
在pages目录下创建页面(index.vue):
<template> <h1>Hello world!</h1> </template>
创建好后启动项目:
npm run dev
启动后等待编译,然后通过http://localhost:3000运行。
Nuxt.js 会监听 pages
目录中的文件更改,因此在添加新页面时无需重新启动应用程序。
参考:https://zh.nuxtjs.org/guide/installation#%E4%BB%8E%E5%A4%B4%E5%BC%80%E5%A7%8B%E6%96%B0%E5%BB%BA%E9%A1%B9%E7%9B%AE
标签:pre class asc div 启动 style 通过 内容 run
原文地址:https://www.cnblogs.com/gme5/p/11763771.html