如何查网站是哪家公司做的,安徽建设工程信息管理平台,asp响应式h5网站源码,哪个网站可以做翻译想要开发一个网站#xff0c;并且支持SEO搜索#xff0c;当然离不开我们的 Nuxt #xff0c;那通过本篇文章让我们一起了解一下。如果构建一个Nuxt项目
安装 Nuxt#xff0c;创建项目
安装nuxt2#xff0c; 需要node v16#xff0c;大家记得查看自己的node版本。构建脚…想要开发一个网站并且支持SEO搜索当然离不开我们的 Nuxt 那通过本篇文章让我们一起了解一下。如果构建一个Nuxt项目
安装 Nuxt创建项目
安装nuxt2 需要node v16大家记得查看自己的node版本。构建脚手架这块我们参考官方文档来就可以了nuxt快速搭建官方教程 || 主要步骤如下
确保安装了 npxnpx 在 NPM 版本 5.2.0 默认安装了
创建的目录必须是空的不然会构建失败的。
$ npx create-nuxt-app 项目名 Programming languageTypeScript 。详细可以参考前端JavaScript 与 TypeScript 区别-CSDN博客
前端TypeScript 配置文件说明-CSDN博客 Package managerNpm。详细可以参考前端npm和yarn的区别-CSDN博客 UI framework: Vuetify。详情可以参考前端2024年非常受欢迎非常火的 VueUI 库-CSDN博客
Nuxt.js modules添加 axios module 以轻松地将 HTTP 请求发送到您的应用程序中。 ESLint 对 ES6 支持的最广泛这个不用说明 Project name — 项目名称 Programming language — 程序设计语言 Package manager — 包管理器 UI framework — UI框架 Nuxt.js modules — NuxtJS模块需要安装某个需要按空格点亮才行 Linting tools — 代码校验工具 Testing framework — 测试框架 Universal — 渲染模式SSR:服务端渲染、SSG静态页面生成 Deployment target — 部署目标 Development tools — 开发工具 What is your GitHub username? — GitHub名称 Version control system — 版本控制工具 我们查看下目录情况 assets放一些未编译的静态资源components组织应用可以视作page的组织部件注意这些组件不会有asyncData方法的特性这个在项目中经常会用到layouts总体布局如果是多页面项目会有多个背景layout写在这里会自动编译进整个页面middleware中间件pages页面目录基本上可视的浏览窗里看到的就是一个个page页面plugins插件目录组织实例化钱需要运行的js插件可以把通用的api或者需要在页面加载前统一处理的请求js等放在这。static静态文件服务器启动时才被映射我的话基本把图片放在这或者assets里store状态树这里可以用来存放通用变量或者方法当然还有更多配置功能详情参考官方文档nuxt.config.js文件这里就是设置配置的地方在加入什么新的需要特殊处理的插件时需要在这里进行调整package.json文件这个文件里放的基本上是和编译相关的这块可以去看npm或者yarn的说明。 直接编译即可访问 目前本人使用的是 Nuxt3 Vuetify3 所以就不在这里讲解 Nuxt2 Vuetify2 的用法有兴趣的可以去官网参考下API即可如果对 Nuxt3 Vuetify3 有兴趣的可以参考前端Nuxt3 Vuetify3 Element Plus 添加常用插件-CSDN博客