码迷,mamicode.com
首页 > Web开发 > 详细

NUXT.JS安装步骤

时间:2020-12-19 13:37:44      阅读:6      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!