elementUI入门和nodeJS环境搭建

本文介绍了ElementUI的基本概念和Vue+ElementUI的安装,详细阐述了Node.js的性质以及npm的重要性。接着,通过详细的步骤指导如何搭建Node.js环境,包括下载、解压、配置环境变量、设置npm全局模块路径和缓存位置。最后,演示了如何从GitHub下载Vue项目并运行。
摘要由CSDN通过智能技术生成

1. ElementUI简介

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

ElementUI入门ElementUI官网:http://element-cn.eleme.io/#/zh-CN
注1:类似前端框架还有iview
Vue+ElementUI安装

导入插件

<!-- 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组件 -->
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Node.js环境搭建的步骤如下: 1. 首先,你需要下载并安装Node.js。你可以在Node.js的官方网站上找到相应的安装程序。根据你的操作系统选择合适的版本进行下载和安装。 2. 安装完成后,你需要设置Node.js的环境变量。环境变量可以让系统知道Node.js的安装路径,从而能够在任何位置运行Node.js命令。在Windows系统中,你需要配置NODE_HOME和将Node.js的可执行文件路径添加到系统的Path变量中。比如,将NODE_HOME设置为Node.js解压的根路径,并将%NODE_HOME%和%NODE_HOME%\node_global添加到Path变量中。 3. 验证Node.js的安装是否成功。在命令行中输入node -v命令,如果能够正确显示Node.js的版本号,则表示安装成功。 4. 你还可以安装npm,npm是Node.js的包管理工具,可以帮助你安装、管理和分享代码模块。npm是随同Node.js一起安装的,无需单独安装。你可以在命令行中输入npm -v命令来验证npm的安装是否成功。 5. 完成以上步骤后,你的Node.js环境就已经搭建好了。你可以开始使用Node.js来开发和运行JavaScript代码了。 请注意,以上是一般的Node.js环境搭建步骤,具体的步骤可能会因个人需求和操作系统而有所不同。如果你遇到了任何问题,可以参考Node.js的官方文档或在相关的技术社区寻求帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值