# Nuxt项目搭建

# 项目搭建环境

# 搭建基础环境

    npm install vue-cli -g
    npm install create-nuxt-app -g
    nuxt -v #输出版本则安装成功
    npm install -g npx 

# 初始化项目

npx create-nuxt-app <项目名>

# 目录详解

|-- .nuxt               // Nuxt自动生成,临时的用于编辑的文件,build
|-- assets              // 用于组织未编译的静态资源入LESS、SASS 或 JavaScript
|-- components          // 用于自己编写的Vue组件,比如滚动组件,日历组件,分页组件
|-- layouts             // 布局目录,用于组织应用的布局组件,不可更改。
|-- middleware          // 用于存放中间件
|-- pages               // 用于存放写的页面,我们主要的工作区域
|-- plugins             // 用于存放JavaScript插件的地方
|-- static              // 用于存放静态资源文件,比如图片
|-- store               // 用于组织应用的Vuex 状态管理。
|-- .editorconfig       // 开发工具格式配置
|-- .eslintrc.js        // ESLint的配置文件,用于检查代码格式
|-- .gitignore          // 配置git不上传的文件
|-- nuxt.config.json    // 用于组织Nuxt.js应用的个性化配置,已覆盖默认配置
|-- package-lock.json   // npm自动生成,用于帮助package的统一性设置的,yarn也有相同的操作
|-- package.json        // npm包管理配置文件