Axiaohuilang / .github.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue element plus typescript vite vite vite License

😙化简

一款免费简历制作神器

基于Vue3 + TypeScript + Vite + Element-plus + pinia实现

目录

项目介绍

该项目目前为纯前端项目,所有数据存储在浏览器端,你可以利用该项目轻松制作出精美的简历。你可以随意添加删除简历模块、选择模板、更改字体大小、颜色、间距等等样式。

演示

图片:

功能介绍

  • 简历模板提供
  • 动态增删简历模块
  • 自定义模板中字体样式
  • 自定义调整模块间距
  • 保存草稿功能
  • 导出为PDF功能
  • 重置
  • 自定义头像
  • 自定义各模块内容
  • 导入JSON数据
  • 导出JSON文件

项目特性

  • 使用pinia做状态管理
  • 使用Vue3 + Typescript + Vite技术栈
  • 可自定义图标库

如何使用

拉取项目

git clone https://github.com/huajian-pro/resume-design.git
  • 推荐使用包管理工具pnpm
  • 或使用yarn、npm(node自带无需额外安装)包管理工具
  • Node版本请确保在v16.0及以上

pnpm全局安装方法npm i -g pnpm

安装项目依赖

cd resume-design

// 使用pnpm安装依赖(推荐)
pnpm install

项目配置

若要运行项目,需要有相对应的后台,如果没有自己搭建的后台,则可以连接化简官方后台。 修改对应文件

// src/config/index.ts

const CONFIG = {
  serverAddress: 'https://huajian.smallpig.site', // 服务器地址
};
console.log('运行环境', CONFIG);
export default CONFIG;

运行项目

pnpm dev

构建项目

pnpm build

目录说明:

├─ build		  // vite打包配置相关文件目录
├─ doc			  // 项目相关文档
├─ public         // 公共资源目录
│  ├─ json        // 模板JSON文件存放目录
├─ types          // 全局类型声明目录
├─ src
│  ├─ assets      // 资源文件存放目录
│  ├─ components  // 公共组件存放路径
│  ├─ config      // 相关配置文件
│  ├─ dictionary  // 相关字典文件存放目录
│  ├─ hooks       // 定义的一些Vue3的hooks
│  ├─ http        // 全局请求封装目录
│  ├─ interface   // 接口文件存放目录
│  ├─ material    // 物料组件存放目录
│  ├─ options     // 属性面板设置组件存放目录
│  ├─ router      // 路由文件存放目录
│  ├─ schema      // 简历模板JSON格式定义
|  ├─ store       // 状态管理文件夹
|  ├─ style      // 一些样式文件
|  ├─ template    // 简历模板配置文件
|  ├─ utils       // 工具函数
|  ├─ views       // 页面文件
|  └─ App.vue     // 主入口页面
|  └─ env.d.ts    // ts类型声明文件
|  └─ main.ts     // 项目主入口文件

交流&贡献

添加vx:LHQfighting,进入微信交流群,可方便解决和提出问题。

贡献者

会飞的猪/
会飞的猪
山田/
山田
张雨凡/
张雨凡
-
- luozha -

License

About

License:MIT License


Languages

Language:Vue 72.9%Language:TypeScript 25.9%Language:JavaScript 0.8%Language:SCSS 0.2%Language:HTML 0.1%Language:Shell 0.0%Language:CSS 0.0%