不使用npm安装，而是引入本地资源使用elementUI

最新推荐文章于 2024-04-23 18:03:27 发布

陌影ml

最新推荐文章于 2024-04-23 18:03:27 发布

阅读量2.4k

点赞数 2

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_38274119/article/details/109468653

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

// 不使用npm安装，而是引入本地的assets中的elementUI资源
import '@/assets/elementui/index.css'
//引入js文件必须使用一个变量elementUI去接收
import elementUI from '@/assets/elementui/index.js'

vue.use(elementUI);

引入成功后就可以在vue页面中正常使用了，如果在index.html中引入了elementUI的js以及css文件之后可以在html页面使用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

陌影ml

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Element-UI安装以及引入方法

qq_44706779的博客

10-24

1万+

Element-UI安装以及引入方法Element UI介绍Element-UI简介vue与Element-UI的关系入门安装方法一：npm安装方式二：CDN引入引入 Element完整引入按需引入完整组件列表和引入方式全局配置开始使用 Element UI介绍 Element-UI简介 Element-UI 是基于 vue 实现的一套不依赖业务的 UI 组件库，提供了丰富的PC端组件，减少用户对常用组件的封装，降低了开发的

elementui下载到本地

07-28

有些项目要求将elementui直接下载到本地然后在web项目中直接引用，该如何实现呢？这里我给大家介绍一种方法。使用springBoot+HttpClientUtil下载elementui，编译成jar文件后直接双击运行，端口6001，在浏览器中输入http://localhost:6001即可访问。

参与评论您还未登录，请先登录后发表或查看评论

vue传统方式开发（非npm）集成element ui

路上

10-15

8474

1.为啥会用传统方式开发由于以前老的项目都是采用传统方式开发但是又想用vue这个开发方式将之前的代码改为npm的方式不现实只能两者结合使用cdn方式引入vue开发。 2.如何使用vue进行传统方式开发 2.1引入vue.js <html> <head> </head> <body> <div id="app" &g...

传统后端程序不使用Node.JS依然要搞Element UI

小流至江河的博客

03-05

1390

概述作为一个Java重度使用患者，后端程序员掌握一些前端知识是必备技能。Html、CSS、JS三大语言后端玩起来也得是溜得很，不过现在前端技术发展的速度简直做上了飞机，后端程序员自己首先要保障后端技术不被拉下，再想回头学学前端技术，没想到那趟飞机已经上天了。不得不说后端程序员普遍使用的ui界面都是比较丑，再看看现在各种前端页面靓的一匹。现阶段流行的UI框架典型的比如饿了么的Element、阿里的Ant Design等等。这些框架对于后端程序员使用话说不怎么友好，官方推荐安装Node.JS使用

vue项目里不用npm怎么引入使用外部包

weixin_42634040的博客

03-11

2951

在index.html头部用script引入包，包最好放在static里在main.js里引入和定义，在页面即可直接使用$echart

Element-UI本地引入

09-17

Element-UI本地引入，在jsp里不能通过url引入就只能用本地引入了（注意修改css中关于字体和图标的位置链接）

html引入elementUI资源文件

05-31

在HTML中引入Element UI资源文件是一项常见的前端开发任务，它涉及到HTML、CSS、JavaScript以及前端框架的使用。Element UI是一款基于Vue.js的组件库，它提供了丰富的UI组件，如按钮、表格、对话框等，极大地提高了...

ElementUI本地引用资源V2.15.14

12-26

在本地项目中直接引用 ElementUI 资源，可以免去通过 CDN 或 npm 安装的过程，简化开发流程。本地引用 ElementUI V2.15.14 版本，你需要以下步骤： 1. **下载资源**：首先，你需要下载 ElementUI 的本地引用资源...

本地引入element不显示图标问题.doc

03-20

- 在将字体图标文件引入本地项目时，如果资源路径配置不当，则可能导致图标无法正常加载。 - 通常情况下，Element UI默认会从CDN中加载字体图标文件，而非直接引用本地路径。因此，当用户尝试从特定链接下载字体...

elementui资源文件

07-12

ElementUI资源文件主要包含了用于构建用户界面的前端框架Element UI的组件、样式和脚本。这个框架基于Vue.js，提供了一系列高效、可复用且易定制的组件，以帮助开发者快速构建美观的企业级Web应用。在本地导入...

element-ui 本地化使用教程详解

10-16

主要介绍了element-ui 本地化使用教程详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

element-ui本地编译后的js包

07-27

解压缩后放入项目中直接饮用index.js文件就可以了，方便没有网络不能连cdn的朋友使用

element-ui本地可直接使用的包,V2.8.2

04-30

解压缩后放入项目中直接饮用index.js,/theme-chalk/index.css文件就可以了，方便没有网络的本地应用来使用

HTML5引入element

qq_58024411的博客

08-09

3473

在上一篇文章当中，我写了如何在HTML5当中引入Vue,以及Vue的快速入门，那么本次我们一起来学习一下，如何在使用了vue以后，如何使用element组件。element是由饿了么基于vue开发的一堆组键，我们需要使用的时候，直接去element官网复制代码即可官网链接（element中文官网）

vue2.0项目引入element-ui

zhjfover的博客

08-21

1485

非原创转载于：https://segmentfault.com/a/1190000011023102 注意：网上有说尽量不用cnpm，用npm 一、新建项目 1.查看 node和npm是不是已经安装好命令：node -v npm -v (没有安装的先安装环境); 2.npm install -g cnpm --registry=https://registry.npm.taobao.or...

vue+element-ui 富文本编辑器

最新发布

u011933026的博客

04-23

652

/ 在vue.config.js中configureWebpack中配置。1、在根目录下新建vue.config.js 文件（不是在src 下）2.在组件下面新增组件 QlEditor。8.需要重新运行一下,不然会报错。// 要引入webpack。

elementui 复制功能，无需下载插件纯原生实现

li22356的博客

05-17

2550

点击复制按钮实现内容复制第一种方法：（繁琐） <div slot="footer" class="dialog-footer"> <el-button @click="show=false" size="mini">关闭</el-button> <el-button @click="handleSubmit()" size="mini" type="primary">复制</el-button> </d

vue中怎么引入element以及使用的详细教程

taozi_028的博客

07-17

1993

vue中怎么引入element以及使用的详细教程

element-ui组件库源码二次开发

qq_15054679的博客

12-09

2735

element-ui组件库源码二次开发使用vue已有一年多了，也一直对element-ui这套vue组件库一直情有独钟。看了element-ui的源码，学到的东西比想象的多。对element-ui源码的改造是出于兼容我司现有的系统。我到我现在的司的时候，项目已经进入运维了，前端用古老的jsp+jquery+原始js。在高效开发领域，我早已原卷加班都完不成的原始js不断的操作html标签。故决定引...

npm安装elementui

07-28

要在项目中使用 Element UI，你可以通过 npm 进行安装。请按照以下步骤操作： 1. 打开命令行工具（如终端或命令提示符）。 2. 进入你的项目目录，或者创建一个新的项目目录。 3. 运行以下命令来初始化一个新的 npm 项目（如果你的项目目录还没有 package.json 文件）： ``` npm init -y ``` 4. 运行以下命令来安装 Element UI： ``` npm install element-ui ``` 这将下载并安装 Element UI 及其依赖项到你的项目目录下的 `node_modules` 文件夹中。 5. 在你的项目代码中，你可以通过以下方式引入和使用 Element UI： ```javascript // 在需要使用的组件处引入 import { Button, DatePicker } from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; // 在 Vue 实例中注册组件 Vue.component(Button.name, Button); Vue.component(DatePicker.name, DatePicker); // 在模板中使用组件 <template> <div> <el-button>按钮</el-button> <el-date-picker></el-date-picker> </div> </template> ``` 这样，你就可以在你的项目中使用 Element UI 了。记得根据实际需要按需引入和注册 Element UI 的组件。希望对你有所帮助！如果还有其他问题，请随时提问。