演示地址
地址:http://vue.jeesite.com/

账号:system

密码:admin

学习准备
Node.js 16 和 git - 开发环境

Vite - 熟悉 Vite 特性

Vue-v3 - 熟悉 Vue 基础语法

TypeScript - 熟悉 TypeScript 基本语法

ES6+ - 熟悉 ES6 基本语法

Vue-Router-v4 - 熟悉 vue-router 基本使用

Vue-Vben-Admin - 熟悉 UI 及表单列表及常用组件使用

Ant-Design-Vue - 熟悉 UI 基本使用

Mock.js - mockjs 基本语法

JeeSite-v5 - 后台服务

安装使用
如果没有安装 Node.js(不低于 14,建议 16)

下载安装 Node.js 16:https://nodejs.org
如果没有安装 Yarn 执行安装(要求 Yarn v1.x)

npm i -g yarn
获取代码

git clone https://gitee.com/thinkgem/jeesite-vue.git
安装依赖

cd jeesite-vue

yarn config set registry https://registry.npm.taobao.org
yarn install
运行

yarn serve
开发环境会加载文件较多,便于调试,请耐心等待。

编译打包后,会合并这些文件,所以访问性能会大 & 大提高。

打包

yarn build
打包完成后,会在根目录生成 dist 文件夹,发布 nginx。

有一些打包参数,详见 .env.production 里面有注释。

如果您使用的 VSCode 的话,推荐安装以下插件:
Iconify IntelliSense - Iconify 图标插件

windicss IntelliSense - windicss 提示插件

I18n-ally - i18n 插件

Volar - Vue3 开发必备(Vetur 禁用)

ESLint - 脚本代码检查

Prettier - 代码格式化

Stylelint - CSS 格式化

DotENV - .env 文件高亮

原文链接:

https://my.oschina.net/thinkgem/blog/5393041
项目地址:

https://gitee.com/thinkgem/jeesite-vue

文档更新时间: 2024-06-10 14:44   作者:admin