构建nuxt3项目完美开发环境

Nuxt一个基于vue的 是一个开源框架，可使 Web 开发变得直观且功能强大。自信地创建高性能、生产级的全栈 Web 应用和网站，支持客户端和服务端渲染，利于SEO。目前，已经更新迭代到第三代版本。本文教程将以目前nuxt的最新版本 3.12.4为核心展开。

一、安装nuxt3项目

打开一个终端(如果你使用的是Visual Studio Code，你可以打开一个集成终端)，使用下面的命令创建一个新的启动项目:

pnpm dlx nuxi@latest init nuxt-demo

二、配置eslint、prettier，进行代码规范和美化代码

1、安装eslinit和prettier相关依赖

pnpm add eslint-config-prettier eslint-plugin-nuxt eslint-plugin-prettier eslint-plugin-vue prettier prettier-plugin-tailwindcss @nuxtjs/eslint-config-typescript -D

 eslinit直接安装时，默认是9v以上，由于9v版本是一个全新的版本，在配置上与以往大不相同，并且有很多bug尚未修复，以后有时间在做深入研究。因此这里选择使用 eslint的 8.57.0版本，接下来安装eslinit:

pnpm add [email protected] -D

2、配置.eslintrc.cjs文件

module.exports &