nuxt.js 脚手架 create-nuxt-app 新建项目

想学习一下这个应用框架来解决Vue的SEO短板问题,网上搜索到的新版本帖子非常少,仅有的几个试过无效,决定指定版本新建项目

通过npx命令,npm5+版本自带到命令,这里注意要指定create-nuxt-app版本,目前最新版本是3.7.1,新的版本不自动搭建服务端文件了,跟中文文档比少了很多文件夹,英文文档中写(由于它们对于小型应用程序不是必需的),这是我们需要指定对应版本的create-nuxt-app脚手架创建,才有server文件夹。

正常安装方式:

npx create-nuxt-app projectName
正常安装方式选择

正常安装方式目录结构

指定脚手架版本:

// 注意创建项目时,记着在选择配置项时,选上服务器框架koa或者express等,要不然创建出来的项目没有server文件夹
npx [email protected] projectName
指定脚手架选择
指定脚手架目录结构

新建成功后运行项目


image.png

每次运行Nuxt项目都会提示“Are you interested in participation?(Y/n)”


image.png

第一种方法nuxt.config.js的module.exports = {}中添加telemetry:false,
第二种方法,把原来的属性注释掉,重新定义一下const accept = false
image.png

你可能感兴趣的:(nuxt.js 脚手架 create-nuxt-app 新建项目)