传统html+vue+elementUI开发&nodeJS环境搭建

最新推荐文章于 2023-02-14 10:31:26 发布

長樂er.

最新推荐文章于 2023-02-14 10:31:26 发布

阅读量336

点赞数 1

文章标签： vue.js elementui html vue

本文链接：https://blog.csdn.net/weixin_66277385/article/details/124529979

版权

本文介绍了如何使用HTML结合Vue和ElementUI进行开发，并详细讲解了Node.js和npm的基础知识，包括环境搭建步骤，配置环境变量，设置npm镜像以提高下载速度，以及如何运行Node.js项目。通过这个教程，你可以顺利搭建开发环境并开始项目开发。

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

ElementUI简介

Element 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

Element UI是基于Vue 2.0的

Element UI 提供一组组件

Element UI 提供组件的参考实例, 直接复制

ElementUI官网：http://element-cn.eleme.io/#/zh-CN

Vue+ElementUI

CDN方式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- 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>
	</head>
	<body>
		<div id="app">
			<h1>{
  {ts}}</h1>
			<el-button @click="

最低0.47元/天解锁文章

長樂er.

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
传统html+vue+elementUI开发&nodeJS环境搭建

ElementUI简介Element 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库Element UI是基于Vue 2.0的Element UI 提供一组组件Element UI 提供组件的参考实例, 直接复制ElementUI官网：http://element-cn.eleme.io/#/zh-CNVue+ElementUICDN方式<!DOCTYPE html><html> <head> &..
复制链接

扫一扫