项目简介
本项目是基于 Vue2 和 Nuxt 框架构建的时尚管理系统。采用 Tailwindcss 进行样式设计,ElementUI 作为组件库,axios 进行网络请求。同时集成了 prettier、eslint 等工具进行代码格式化与校验,支持 CI 集成,保障代码质量与开发效率。
项目的主要特性和功能
主要特性
- 服务器端渲染(SSR):利用 Nuxt 框架实现,提升页面加载速度与搜索引擎优化(SEO)效果。
- 标准化样式:使用 Tailwindcss 提供标准化页面格式,支持 tree - shaking,提高代码效率。
- 丰富组件库:引入 ElementUI 组件库,支持按需加载,减少项目体积。
- 代码规范:借助 prettier + eslint 进行代码格式化,husky + lint - staged 在 git 提交前进行代码检验。
功能
- 页面展示:有首页、产品列表页等多种页面,支持响应式布局。
- 网络请求:在 request 文件夹统一管理,通过
$axios
发起请求。 - 状态管理:使用 Vuex 进行状态管理,规范 mutation 和 action 命名。
- 工具函数:提供
isVoid
、isDef
、isUnDef
等实用工具函数。
安装使用步骤
安装依赖
在项目根目录下,执行以下命令安装项目所需依赖:
bash
yarn
开发环境启动
使用以下命令启动开发服务器,可在 localhost:3000
进行访问,支持热更新:
bash
yarn dev
生产环境部署
先进行项目打包,再启动服务器:
bash
yarn build
yarn start
生成静态项目
执行以下命令生成静态项目:
bash
yarn generate
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】