ElementUI入门和NodeJS 环境搭建

最新推荐文章于 2019-09-20 20:11:39 发布

Summer∩_∩

最新推荐文章于 2019-09-20 20:11:39 发布

阅读量173

点赞数

文章标签： ElementUI入门和NodeJS 环境搭建

本文链接：https://blog.csdn.net/weixin_45174537/article/details/100042213

版权

这篇博客介绍了ElementUI，一个基于Vue2.0的组件库，用于简化前端开发。详细步骤指导如何通过CDN或本地安装Vue+ElementUI，并讲解了NodeJS的环境搭建过程，包括下载安装包、配置环境变量、设置淘宝源以及启动Vue项目。

摘要由CSDN通过智能技术生成

ElementUI简介

我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,
所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做 element-ui ,提供了丰富的PC端组件

ElementUI官网：link

【注1】类似前端框架还有iview

Vue+ElementUI安装

CDN方式

  <!-- 1. 导入css -->
      <link href="https://cdn.bootcss.com/element-ui/2.8.2/theme-chalk/index.css" rel="stylesheet">
      <!-- 2. 引入vue和vue-router-->
      <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
      <!-- 未使用vue路由功能可不导入 -->
      <script src="https://cdn.bootcss.com/vue-router/3.0.6/vue-router.js">        </script>
      <!-- 3. 引入ElementUI组件 -->
      <script src="https://cdn.bootcss.com/element-ui/2.8.2/index.js"></script>

案例：


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>elementui入门</title>
		<!-- 1. 导入css -->
		<link href="https://cdn.bootcss.com/element-ui/2.8.2/theme-chalk/index.css" rel="stylesheet"

最低0.47元/天解锁文章

Summer∩_∩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ElementUI入门和NodeJS 环境搭建

ElementUI简介我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做 element-ui ,提供了丰富的PC端组件ElementUI官网：link【注1】类似前端框架还有iviewVue+ElementUI安装CDN方式 <!-- 1. 导入css...
复制链接

扫一扫