标签：yarn   img   编辑   mamicode   创建   json   切换   lin   管理   

1. 新建文件夹，cmd

2. npm i -g @vue/cli-init  

    //全局环境 vue/cli
   

3. vue init nuxt/starter project    

   // vue初始化，创建项目
   

4. cd project     //切换到项目下
   

5. npm install  /  yarn    
   安依赖

6. npm run dev  /  yarn dev  
      运行
   
   over!
   
   

   Nuxt.js目录结构

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

    

NUXT.JS安装步骤

标签：yarn   img   编辑   mamicode   创建   json   切换   lin   管理   

原文地址：https://www.cnblogs.com/Utopia-in-reality/p/14140002.html