jeecgboot前端使用elementui

本文介绍了如何在JeecgBoot前端项目中集成ElementUI,包括引入库、安装和配置步骤。同时,还提及了其他相关组件如Ant Design Vue、Vue Area Linkage等的使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//=================

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI);

//===============

/** init domain config */

import './config'

import Vue from 'vue'

import App from './App.vue'

import Storage from 'vue-ls'

import router from './router'

import store from './store/'

import ElementUI from 'element-ui'

import { VueAxios } from "@/utils/request"

require('@jeecg/antd-online-mini')

require('@jeecg/antd-online-mini/dist/OnlineForm.css')

import Antd, { version } from 'ant-design-vue'

console.log('ant-design-vue version:', version

### 如何在 VSCode 中配置 JeecgBoot 前端项目 #### 环境准备 为了顺利地在 Visual Studio Code (VSCode) 中配置并运行 JeecgBoot前端部分,需确保已安装 Node.js 和 npm。这些工具对于构建和管理 JavaScript 应用程序至关重要[^1]。 #### 下载源码 前往 GitHub 或 Gitee 获取最新的 JeecgBoot Vue3 版本的源代码。GitHub 地址为 `https://github.com/jeecgboot/jeecgboot-vue3`;Gitee 则可以访问 `https://gitee.com/jeecg/jeecgboot-vue3` 进行克隆操作[^2]。 #### 创建新项目 利用命令行工具进入目标目录后执行如下指令初始化一个新的前端工程: ```bash git clone https://github.com/jeecgboot/jeecgboot-vue3.git myProjectName cd myProjectName npm install ``` 上述过程会自动下载依赖项并将它们添加到本地环境中去。 #### 修改API基础URL 针对前后端分离架构的应用,在 `.env.development` 文件内指定 API 请求的基础路径非常重要。通常情况下,默认设置为 `VUE_APP_API_BASE_URL=http://localhost:8080/jeecg-boot` 即可满足大多数测试需求[^4]。 #### 使用VSCode打开项目 完成以上准备工作之后,就可以直接使用 VSCode 打开刚刚创建好的工作区了。推荐安装一些插件来提高编码效率,比如 Prettier 自动格式化代码、ESLint 提供语法检查等功能支持[^3]。 最后一步是在终端里输入 `npm run serve` 启动开发服务器,此时应该能够在浏览器中看到应用界面,并且可以通过修改源文件实时预览效果变化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值