| | |
|---|
| | | ## jspERP-web |
|---|
| | | node -v v16.20.2 |
|---|
| | | jshERP-web Vue |
|---|
| | | |
|---|
| | | #### 前端技术 |
|---|
| | | |
|---|
| | | - 基础框架：[ant-design-vue](https://github.com/vueComponent/ant-design-vue) - Ant Design Of Vue 实现 |
|---|
| | | - JavaScript框架：Vue |
|---|
| | | - Jeecg-boot 的前段UI框架 |
|---|
| | | - Webpack |
|---|
| | | - node |
|---|
| | | - yarn |
|---|
| | | - eslint |
|---|
| | | - @vue/cli 3.2.1 |
|---|
| | | - [vue-cropper](https://github.com/xyxiao001/vue-cropper) - 头像裁剪组件 |
|---|
| | | - [@antv/g2](https://antv.alipay.com/zh-cn/index.html) - Alipay AntV 数据可视化图表 |
|---|
| | | - [Viser-vue](https://viserjs.github.io/docs.html#/viser/guide/installation) - 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](https://cli.vuejs.org/guide/), 请更新您的 cli |
|---|
| | | |
|---|
| | | - 关闭 Eslint (不推荐) 移除 `package.json` 中 `eslintConfig` 整个节点代码 |
|---|
| | | |
|---|
| | | - 修改 Ant Design 配色，在文件 `vue.config.js` 中，其他 less 变量覆盖参考 [ant design](https://ant.design/docs/react/customize-theme-cn) 官方说明 |
|---|
| | | ```ecmascript 6 |
|---|
| | | css: { |
|---|
| | | loaderOptions: { |
|---|
| | | less: { |
|---|
| | | modifyVars: { |
|---|
| | | /* less 变量覆盖，用于自定义 ant design 主题 */ |
|---|
| | | |
|---|
| | | 'primary-color': '#F5222D', |
|---|
| | | 'link-color': '#F5222D', |
|---|
| | | 'border-radius-base': '4px', |
|---|
| | | }, |
|---|
| | | javascriptEnabled: true, |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | ``` |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
