本文个人博客地址：https://www.leafage.top/posts/detail/2133Y9Q4本文开始记录诞生记录的叶子。首先，你需要知道一些主要目标是什么：个人分享网站；易于检索；易于开发，易于部署；尽可能好看，有自己的风格；动态网站，而非静态页面；基于以上目标，然后根据自己的了解和掌握前端技术（工作主要是后台开发，了解一些angular和vue），开始技术选型：1.前端开发技术，选项有：nuxtjs（vue技术栈）：入门简单，模块分离；nextjs（react技术栈）：html、css、ts代码写在一起，不习惯；nest(angulartechnologystack)：比较难；通过了解和查阅对比文章（参考推荐：https://blog.csdn.net/Fundebu...），最终选择nuxtjs来实现；2、后端开发技术：springboot：这个是基于java的，但是没有选择，必须使用springboot框架；springdata：代码与spring高度集成，支持各种数据库；mybatis：需要写sql，不支持mongodb，因为主要需要存储文章，前期没有设计。我选择了mysql+mongodb来实现，后来发现麻烦，做了两个版本（webmvc+mysql，webflux+mongodb）来学习webflux；学习一门技术最好的资料就是官方文档，还有例子，然后按照nuxtjs的文档创建一个项目（先从前端开始，做一些页面，让后端写相应的接口）.在此之前，您需要准备环境。前端需要nodejs，后端需要jdk，maven/gradle执行初始化命令：npxcreate-nuxt-appleafage执行命令后会看到让我们重新设置项目名称。如果没有，则直接回车：注：以下操作，如果前面没有（），选择上下，回车确认；如果前面有()，用空格键选择，回车确认；选择编程语言（javascript/typescript）：选择包管理工具（yarn/npm）：选择UI框架，根据自己的喜好选择，使用过iveiw、antdesign、element、vuetify后，我选择tailwindcss：选择nuxtjs模块,axios是适合接口请求的工具，Pwa就不解释了，内容是静态资源数据，支持json、html、md等：选择Lint工具：选择测试框架：选择是创建SSR项目还是单-页面应用：选择服务端渲染或者静态页面，我们需要从后台获取数据，所以选择服务端渲染：选择开发工具：如果在第10步选择pullrequest，会出现这个选项：选择git/svn，确认git/svn账号，开始创建：然后就是漫长的等待，下载依赖。..完成后如下：哇，有点激动。赶快按照上面的提示，运行一下看看效果吧。首先执行纱线构建。完成后会打印每个文件的大小等信息：然后执行yarnstart启动它。让我们看看http://localhost:3000是什么样子的：
