| .. | ||
| public | ||
| src | ||
| .editorconfig | ||
| .eslintignore | ||
| .gitattributes | ||
| .gitignore | ||
| .prettierrc | ||
| babel.config.js | ||
| dist.zip | ||
| idea.config.js | ||
| package.json | ||
| README.md | ||
| vue.config.js | ||
| yarn | ||
jshERP-web Vue
Overview
前端技术
- 基础框架:ant-design-vue - Ant Design Of Vue 实现
- JavaScript框架:Vue
- Jeecg-boot 的前段UI框架
- Webpack
- node
- yarn
- eslint
- @vue/cli 3.2.1
- vue-cropper - 头像裁剪组件
- @antv/g2 - Alipay AntV 数据可视化图表
- Viser-vue - antv/g2 封装实现
项目运行
- 安装nodeJS
建议安装node-v20.17.0-x64版本 教程参考 https://blog.csdn.net/Coin_Collecter/article/details/136484312
- 安装yarn
npm install -g yarn
- 配镜像源(速度快)
yarn config set registry https://registry.npmmirror.com
- 安装依赖
yarn install
- 开发模式运行
yarn serve
- 编译发布项目
yarn build
其他说明
- 
项目使用的 vue-cli3, 请更新您的 cli 
- 
关闭 Eslint (不推荐) 移除 package.json中eslintConfig整个节点代码
- 
修改 Ant Design 配色,在文件 vue.config.js中,其他 less 变量覆盖参考 ant design 官方说明
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          /* less 变量覆盖,用于自定义 ant design 主题 */
          'primary-color': '#F5222D',
          'link-color': '#F5222D',
          'border-radius-base': '4px',
        },
        javascriptEnabled: true,
      }
    }
  }
附属文档
- 
其他待补充... 
备注
@vue/cli 升级后,eslint 规则更新了。由于影响到全部 .vue 文件,需要逐个验证。既暂时关闭部分原本不验证的规则,后期维护时,在逐步修正这些 rules