Nuxt.js ---创建项目---hello world
创建有不同的方法,一是命令行系统创建,二是手动创建目录配置文件。
系统创建:首先在命令行输入命令即可创建项目
yarn create nuxt-app <project-name>
项目创建会有一些选中,根据需要进行选择即可,一般会选中
添加 axios module 以轻松地将 HTTP 请求发送到您的应用程序中。 添加 EsLint 以在保存时代码规范和错误检查您的代码。 添加 Prettier 以在保存时格式化/美化您的代码。项目创建好会有这样的提示
进入项目输入命令就可启动项目
npm run dev
手动创建
如果不使用 Nuxt.js 提供的 starter 模板,我们也可以从头开始新建一个 Nuxt.js 应用项目,过程非常简单,只需要 1 个文件和 1 个目录。如下所示:
$ mkdir <项目名> $ cd <项目名>新建 package.json 文件
文件用来设定如何运行 package.json: nuxt{ "name": "my-app", "scripts": { "dev": "nuxt" } }上面的配置使得我们可以通过运行
来运行 npm run devnuxt过以下 npm 命令将
安装至项目中: nuxt$ npm install --save nuxt
创建
目录: pages$ mkdir pages创建我们的第一个页面
: pages/index.vue<template> <h1>Hello world!</h1> </template>
然后启动项目:
$ npm run dev现在我们的应用运行在 http://localhost:3000 上运行
![]()


