Nuxt学习笔记——Nuxt项目安装

一、脚手架安装nuxt.js

npm init nuxt-app ----npm安装
npx create-nuxt-app <项目名> ----npx安装(确保安装了npx)
yarn create nuxt-app <项目名> ----yarn安装(确保安装了yarn)


然后配置一些他的问题,虽然不知道是什么,但是感觉应该就是问一下项目名字,作者名字,什么UI框架之类的(具体解释去看官网
​​安装nuxt.js

创建成功啦,cd <项目名> 进入到项目目录然后npm run dev启动项目就可以进入项目界面啦

启动nuxt项目
在这里插入图片描述


二、不使用脚手架安装nuxt.js

  1. 新建文件夹,命名为项目名(使用英文)

  2. 进入项目文件夹,在文件夹中创建package.json文件,设置项目名字和启动命令

    {
      "name": "test-nuxt-config",
      "scripts": {
        "dev": "nuxt"
      },
      "dependencies": {
        "nuxt": "^2.8.1"
      }
    }
    
    
  3. Nuxt.js 会依据 pages 目录中的所有 *.vue 文件生成应用的路由配置,先创建一个pages文件夹,然后在文件夹下面创建一个index.vue写点东西
    Nuxt.js 会依据 pages 目录中的所有 *.vue 文件生成应用的路由配置
    然后npm run dev启动项目,就可以看到项目页面啦,跟脚手架是一样的
    不用脚手架搭建nuxt项目

nuxt项目安装如上,如果还有什么需要注意的,还望各位同行,大佬指教一下呀

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值