一、脚手架安装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" } }
-
Nuxt.js 会依据 pages 目录中的所有 *.vue 文件生成应用的路由配置,先创建一个pages文件夹,然后在文件夹下面创建一个index.vue写点东西
然后npm run dev启动项目,就可以看到项目页面啦,跟脚手架是一样的
nuxt项目安装如上,如果还有什么需要注意的,还望各位同行,大佬指教一下呀