前言

由于公司最近把访问速度提升一个leve（看着不爽），需要把现阶段的vue3+vite移动端项目改成多页面应用，为了提升用户体验和首屏打开速度。所以既然有了需求，想起了之前做ssr的一个框架，也是vue力推的一个-nuxt，没想到这个也已经迭代到3了，真好跟现在的vue3完美契合，本着高效完成工作的思路（能用就不重写），我打算把现在的项目改造一下，所以想开着专栏逐步实现这一目标，话不多说，咱们现在就开始吧~~

安装

前提条件

注意 node版本需要高于v14.16.0

安装三步走

// 下载项目
npx nuxi init nuxt3-app    // npm
yarn dlx nuxi init nuxt3-app  //yarn
pnpm dlx nuxi init nuxt3-app  // pnpm

// 进入项目，并且安装依赖
code nuxt3-app

npm install //npm
yarn install //yarn
pnpm install --shamefully-hoist // pnpm

// 运行和发布
yarn dev -o  // 本地运行
yarn build // 打包
yarn start // 打包后预览

项目结构

这里有相关的文档说明 总结几点：

1. 框架监控每一个文件夹，对于特定名字的有特殊的解析。
2. 不用使用路由，目前还不支持使用自定义的vue-router，框架自动解析pages文件夹的文件
3. 所需要的插件需要在plugins里面创建ts文件去注册