Nuxt_02_安装

二、安装

1、安装

一个简单的项目只需将nuxt添加为依赖组件即可。

2、运行create-nuxt-app

脚手架工具:create-nuxt-app

(一)使用脚手架新建一个nuxt项目:

Nuxt_02_安装_第1张图片

npx:
$ npx create-nuxt-app 
yarn:
$ yarn create nuxt-app 
  • 选择集成的服务器端框架
  • 选择UI框架
  • 选择测试框架
  • 选择Nuxt模式(Universal或者SPA)
  • 添加axios module用来处理HTTP请求
  • 添加Eslint用来检查和规范代码
  • 添加Prettier用来格式化/美化代码

(二)启动项目

$ cd 
$ npm run dev

应用将运行在http://localhost:3000上

3、从头开始新建项目

不使用脚手架,新建一个Nuxt.js应用项目:

1、创建项目目录
$ mkdir <projectName>
$ cd <projectName>
2、新建package.json
{
    "name": "my-app",
    "scripts": {
        "dev": "nuxt"
    }
}
3、安装nuxt
$ npm install --save nuxt
4、创建pages目录
$ mkdir pages
$ cd pages
5、创建一个页面pages/index.vue
<template>
    <h1>Hello World!</h1>
</template>
6、启动项目
$ npm run dev
应用将在http://localhost:3000上运行

参考:https://www.nuxtjs.cn/guide/installation

你可能感兴趣的:(Nuxt,vue)