element-ui组件的下载与安装

2024-05-11 07:26:48

1.1下载nodejs

点击下载地址
过程很简单，自己安装。（最好自己单独创建一个nodejs文件，方便后面的进行。）

1.2

下载完毕后可以同时按Crtl+r键打开命令提示行先后输入
node -v
npm -v
来检查是否安装成功。

1.3

设置全局目录：打开nodejs文件在如图所示中输入cmd打开命令提示行先后输入
npm config set prefix “D:\nodejs\node_global”
npm config set cache “D:\nodejs\node_cache”

1.4安装cnpm（镜像）

在命令提示行中输入：npm install -g cnpm --registry=https://registry.npm.taobao.org
// 查看配置
cnpm install express
在打开命令提示行输入cnpm -v,会提示说不是内部或外部命令，这是一个坑，很多人都掉进行了。因此在进行下一步操作之前先打开nodejs文件中的node_global文件将路径复制一下。然后电脑右键点击“属性”，接着点击“高级系统设置”，再点击“环境变量”，在“系统变量”中双击“Path”后，点击右上角的“新建”将路径复制。最后点击确定。

之后再打开命令提示行输入：cnpm -v会出现如下图表示安装成功。

1.5安装vue

cnpm install -g vue

1.6安装vue-cli3.x

cnpm install -g @vue/cli

1.7创建vue项目

vue create 项目名称

1.8安装element-ui

有两种方法：
第一种，打开项目的根目录（打开项目文件）
cnpm i element-ui -S
第二种在VScode中打开控制台，在“终端”中输入npm install --save element-ui
1.9安装路由（可以不安装不影响运行，有需要再进行安装）
在VScode中打开控制台，在“终端”中输入npm install vue-router --save-dev

element-ui组件的下载与安装相关推荐

Element UI 组件库分析和二次开发（一）
我的本地开发环境:M1 芯片Mac,node v12.22.10. 一.Element UI 组件库二次开发的大致流程 1. 从 Element 官方 clone 一份 dev 源码到本地 2. 安装 ...
Element ui 组件中用键盘事件
//这是表单 <el-form:model="ruleForm"status-icon:rules="rules"ref="ruleForm&q ...
Element UI组件介绍
简介 element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面. 1.安装Element UI,通过vue脚手架创建项 vue init webpa ...
解决vue-admin-template插件element UI组件默认英文改中文
其实vue-admin-template这个框架原来就有的 1.element UI里的组件改中文模式如图: src/main.js: 2.第三方插件如tinymic这个富文本插件改成中文显示,上面方 ...
Vue引入第三方Element UI 组件
Element UI 官网地址: 各种基于Vue.js的各种UI组件 https://element.eleme.cn/#/zh-CN/component/quickstart https://ele ...
element ui 官网下载,elementui中文官网
Element的官网是什么,目前有APP吗? 谷歌人工智能写作项目:小发猫 element-ui输入框的怎么获取change事件返回的值? 1.首先第一步,这时候我们使用vue-cli脚手架工具创建一 ...
element ui 组件踩坑记录--后台管理系统-最全
说明:很久没有开发过后台管理系统,elementui都好久没有用过了,踩了一些小坑,特意记录下: element 特点:a.组件的一般输入的值/可以选择的值,都是绑定在v-model 上面 b. 在组 ...
Element ui 组件库使用技巧。
按需引入 babel文件配置. 配置 babel.config.js文件可以创建一个js 特意来存放我们需要的 element 组件. 在main.js 文件中全局引入上面存放组件的 js ...
element ui组件的element.style怎么改？
比如抽屉(el-drawer)的element.style的width 方法1:修改element组件自带的属性 <el-drawer size="60%"> 如果没有 ...
React框架使用Element ui 组件
根据官方文档在 React 中使用 element-ui Step 1:npm 安装 $ npm i element-react --save Step 2:下载主题包 npm install ele ...

最新文章

热门文章