一、脚手架安装nuxt.js
npm init nuxt-app ----npm安装
npx create-nuxt-app <项目名> ----npx安装(确保安装了npx)
yarn create nuxt-app <项目名> ----yarn安装(确保安装了yarn)
然后配置一些他的问题,虽然不知道是什么,但是感觉应该就是问一下项目名字,作者名字,什么UI框架之类的(具体解释去看官网)
创建成功啦,cd <项目名> 进入到项目目录然后npm run dev启动项目就可以进入项目界面啦
二、不使用脚手架安装nuxt.js
新建文件夹,命名为项目名(使用英文)
进入项目文件夹,在文件夹中创建package.json文件,设置项目名字和启动命令
{
"name": "test-nuxt-config",
"scripts": {
"dev": "nuxt"
},
"dependencies": {
"nuxt": "^2.8.1"
}
}
1
2
3
4
5
6
7
8
9
10
Nuxt.js 会依据 pages 目录中的所有 *.vue 文件生成应用的路由配置,先创建一个pages文件夹,然后在文件夹下面创建一个index.vue写点东西
然后npm run dev启动项目,就可以看到项目页面啦,跟脚手架是一样的