nuxt.js开发个人简历并部署到服务器

nuxt.js开发个人简历并部署到服务器

2020年初在武汉的家里。因为疫情封城在家学习nuxt.js和项目部署的知识，特地分享一下nuxt.js采坑经历，大家一起学习。如果熟悉vue相关开发，来制作这个项目应该是比较容易上手的。

浏览地址可点击这 在线简历

初始化项目

npx create-nuxt-app resume

创建出如下目录

• assets 可以放一些资源文件，比如css,img 之类
• locales 是我自己创建的用来存放国际化文件使用
• meddleware 中间件，这里解析动态路由值看来使用何种语言
• pages 存放各个页面
• plugins 插件目录，本项目使用了 ant-design , antv-g2, i18n 插件
• server 存放后端文件
• static 存放静态资源
• store vuex文件
• nuxt.config.js nuxt 配置文件

知道这些目录结构的作用后，在对应的地方写入代码就好了。nuxt会根据page目录下的文件结构自己生成对应的路由

项目介绍

自己在写word简历时找各种模板，发现下载模板还要费用，word也不能很好的体现出前端的特性，就想着做一个，本项目