element-ui组件的下载与安装_element ui js

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