简介

还在为公司临时启动新项目从而重新搭建一套前端环境而烦恼？
还在为项目文件优化及项目代码规范不知如何处理而一一百度？
是否有想过不想花时间处理功能性技术只想专注公司业务模块？

SimpleVite 就是为了解决这些问题！省时间、少踩坑、高效率！ SimpleVite 是一款基于Vite2+Vue3+Vant3+TypeScript 的移动端且开箱即用的前端集成式、优化式框架。

简单预览 && Webpack 版本

可参照 SimpleVue 项目: https://gitee.com/zijun2030/simple-vue

优势特色

互联网上已有诸多类似的开源式框架，那么 SimpleVite 对比有何优势？

一张图表示：

项目运行

# 克隆项目/项目分支
# git clone -b viewport https://gitee.com/zijun2030/simple-vite.git
git clone https://gitee.com/zijun2030/simple-vite.git
# 进入项目目录 simple-vue
cd simple-vite
# 安装依赖
yarn install
# 本地开发启动项目
yarn run dev

版本日志

3.0.0

1. A 重构路由、布局页面
2. A 新增下拉组件
3. F 修复一些 bug

2.0.0

1. A 新增登录、注册页面
2. F 修复一些 bug

1.0.0

1. A 新增主要集成和优化，具体可见预览图

注意事项

• 项目基于 postcss-px-to-viewport，默认 UI 设计稿宽度是 375px

• 配置文件说明

  // 站点标题
  siteTitle: 'SimpleVue',
  // Iconfont Font class
  iconClassUrl: '//at.alicdn.com/t/font_2292504_qwgi70l7gkr.css',
  // Iconfont Symbol
  iconSymbolUrl: '//at.alicdn.com/t/font_2292513_xqesvi79cem.js',
  // 是否开启VConsole
  showVConsole: false,
  // 是否全局开启导航栏
  fixedNavBar: true,
  // 是否全局底部切换栏
  fixedTabBar: true,
  axios: {
    // Token键名: Authorization/..bundleRenderer.renderToStream
    tokenKey: '',
    // 请求超时时间
    timeout: 10000,
  },
  // 数据默认存放位置 cookie/sessionStorage/localStorage
  storage: 'localStorage',
  // 在微信/小程序中调用微信sdk
  weixin: {
    false: true,
    // ! 微信公众号APPID,为了安全起见，需要放置env中
    // wxAppId: process.env.wxAppId,
  },
  // 基本的api地址，可按需添加，开发环境需在.evn.development中配置
  baseApiUrl: 'https://api.apiopen.top/',