演示地址
地址: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