01. 安装nuxt以及nuxt的目录结构

2022-12-05 14:07:41发布
66

安装

Nuxt.js 十分简单易用。一个简单的项目只需将 nuxt 添加为依赖组件即可。


运行 create-nuxt-app

为了快速入门,Nuxt.js 团队创建了脚手架工具 create-nuxt-app确保安装了 npx(npx 在 NPM 版本 5.2.0 默认安装了),然后运行下面的命令安装脚手架 :

npx create-nuxt-app 项目名

或者用 yarn :

yarn create nuxt-app 项目名

它会让你进行一些选择,选择完毕后脚手架即安装成功。


目录结构

tips :

1. 红色框是自己添加的目录,脚手架并不会生成。(低版本的脚手架会生成)这些文件夹的名字不能随便修改,除了plugins

2. 绿色框的文件夹是脚手架生成的,与vue有区别

3. 没有框的文件夹则和vue的含义一样