Vue配置使用Element-plus和切换启动端口号

最新推荐文章于 2024-07-02 10:19:04 发布
最新推荐文章于 2024-07-02 10:19:04 发布
阅读量240 收藏
点赞数
分类专栏： 搭建项目环境 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51737922/article/details/129013227
版权
文章详细介绍了如何通过npm下载Element-plus依赖，将其引入到Vue项目的main.js中，然后验证组件是否正常工作。当在网页中看到样式生效的按钮时，说明组件使用成功。此外，还讲解了如何在vue.config.js中更改Vue的启动端口。
摘要由CSDN通过智能技术生成

1、npm下载Element-plus依赖
在这里插入图片描述
2、在main.js中引入
在这里插入图片描述
3、写一段代码看是否可以使用element-plus中的组件
在这里插入图片描述
4、打开网页，发现这个按钮有了样式，代表着使用组件成功
在这里插入图片描述

5、切换vue的启动端口
在vue.config.js中写入以下代码
在这里插入图片描述

小白Onion
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue3加载element-plus，修改端口
weixin_43637946的博客
11-23 274
【代码】vue3加载element-plus，修改端口。
vue3-element-admin：vue3 + element-plus + typescript 后台管理系统
05-04
vue3-element-admin 是【有来开源组织】基于 Vue3 + Vite4 + TypeScript + Element-Plus + Pinia 等前端主流技术栈从0到1搭建后台管理系统模板（前后端开源）。 后端是基于 Spring Boot 3.0 、Spring Security 6.0 ...
vue专题之vue项目端口号修改【四】
亲测，只为展现最完美的有效！
03-07 8398
vue默认端口号是8080，就是不修改启动服务之后就是8080 如果这个端口被占用，会往上递增，8081,8082 这个在2.x版本的项目配置中可以看到，3.x隐藏了 如果不想要默认，我们可以自定义。分2.x和3.x以上两种 2.x版本 项目的 config 目录下的 index.js 文件 3.x以上版本 项目根目录下的 vue.config.js 文件 添加 ...
vue-element-plus-admin应用教程
最新发布
weixin_57893146的博客
07-02 471
host后缀文件中的appsetting.json中配置数据库信息，注意创建数据库时配置日志自增，然后将启动项设置为EF，用NuGet打开控制台（工具栏选NuGet），输入update-database，数据库就关联好了，再将启动项改为.host后缀文件，运行就行了，具体的后端写法先不说明，重点研究前端。举个例子，这里我登录用的自己的后端接口，其余的还是mock，我只需要在./api/login/index.ts中修改。设置请求成功状态码、白名单等：./src/constants/index.ts。
Element Plus 实例详解（一）___安装设置
逆境清醒的博客
03-23 3万+
Element Plus是基于Vue 3，面向设计师和开发者的组件库。一、前言。二、安装方法。三、Element Plus用法。四、Element Plus 安装使用小实例
vue3使用element-plus搭建后台管理系统---菜单管理
07-01
在本项目中，我们主要探讨的是如何利用Vue3框架与Element-Plus库来构建一个后台管理系统，特别是关于菜单管理的...在这个过程中，Vue3和Element-Plus的结合使用，让开发更为高效，同时也提升了系统的可维护性和扩展性。
vue3+element-plus+admin
04-12
- `vue3-element-admin-master` 可能是项目的根目录，包含了项目的所有源码、配置文件等。 - 开发流程可能包括：安装依赖 (`npm install`)、启动开发服务器 (`npm run serve`)、构建生产环境 (`npm run build`)、...
Vue3+element-plus-table-dragable(Sortable.js)实现表格拖动排序
06-15
对于小白来说怎么在Vuedraggable里使用element组件提供了实际应用参考。table样式完全模拟了el-table组件样式。看官方文档两天也不如直接看一个完整的实例。 需要安装依赖：npm i -S vuedraggable@next
vue-element-plus-admin:一套基于vue3，element-plus，typesScript，vue-cli4的后台集成方案
03-29
内置了动态路由，权限验证，，典型的业务模型，丰富的功能组件，并提供了多页配置，开箱即用，可以用作项目的启动模版。它可以帮助您快速构建企业级中后台产品原型，也可以作为一个示例，用于学习。因为本项目集成了...
go+mysql+redis+vue3简单聊室，第6弹：使用vue3和element-plus调用接口
u012830303的博客
07-19 627
我们使用go实现了聊天应用的接口和数据同步后，就可以开始着手使用vue搭建前端页面，并且调用接口了。本篇文章不会详细说明vue3和相关组件的使用方法，有需求的可以直接查看官方文档接口即可首先安装node.js，安装成功后，使用npm命令行安装vue3。安装完vue3后，在指定目录使用vue命令创建一个项目脚手架。node.js和vue的安装问题可以。...
vue-element-admin 从 mock 数据过渡到使用后台接口
YKenan的博客
04-29 2287
vue-element-admin 从 mock 数据过渡到使用后台接口1. 移除 mock2. 替换 mock 为后台接口请求3. 补全请求，状态参数 1. 移除 mock 修改 vue.config.js 文件 1. 首先将 before: require("./mock/mock-server.js") 注释掉 2. 添加一下内容 proxy: { // change xxx-api/login => mock/login // detail: http
vue如何改修端口号
weixin_44594219的博客
09-05 8478
总结了cli3和cli2创建的vue项目如何修改项目运行后的端口号
vue.js如何更改默认端口号8080为指定端口
热门推荐
李豆豆的博客
03-04 7万+
vue.js如何更改默认端口号8080为指定端口 执行npm run dev实际是在调用根目录下的package.json 打开package.json后可发现有这样一段代码 "scripts": { "dev": "node build/dev-server.js", "build": "node build/build.js", "lint": "eslint -
element-plus中loading的加载与关闭
小兔崽子的博客
05-19 7564
element-plus中loading的加载与关闭 1.开启加载 startLoading() { const loading = this.$loading({ lock: true, text: "Loading", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)" }); return loading; }, 2.关闭加载 endLoad
Element Plus快速开始（Vue 3.x）
K10I
08-18 1083
Element Plus快速开始（Vue 3.x）
解决Vue Cli安装Element-plus后启动失败的问题
程序员青戈
10-19 1万+
Element-Plus官网解决方案
ElementPlus的使用
mfxcyh的博客
04-08 4704
1.安装element-plus框架 npm install element-plus 2.全局引入：在main.js文件中引入element plus组件 import { createApp } from 'vue' import App from './App.vue' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import router from "@/router"; impor
vue3使用element-plus配置
08-19
通过安装、导入和使用组件，以及声明使用ElementPlus的全局变量，就可以在Vue3中配置和使用Element Plus了。<span class="em">1</span><span class="em">2</span><span class="em">3 #### 引用[.reference_title] - ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值