element-ui安装环境搭建

1. 安装node 

 2.查看node 版本号,检查是否安装成功。cmd 中输入‘node -v’ 成功后能看到如下图中node 的版本号

element-ui安装环境搭建

3. 安装淘宝镜像

cmd 中输入 ‘npm install -g cnpm --registry=https://registry.npm.taobao.org’ 成功后会出现下图中更新一个包用时多久

element-ui安装环境搭建

4. 安装vue-cli脚手架

cmd 中输入‘cnpm install --global vue-cli’,查看是否安装成功查看vue 版本vue -V

element-ui安装环境搭建

5. 在D盘新建一个Vue项目

用指令进入D盘,cmd 输入d:

element-ui安装环境搭建

之后输入'vue init webpack itemname' ,之后输入项目的有关信息 如下图中从Project name 开始的部分,

从Vue build 开始有Yes/No 的选Yes 没有的按回车;element-ui安装环境搭建

安装完成后会出现下图红色区域内容

element-ui安装环境搭建

cmd 中,输入进入新建的项目目录 我的是d: elementui,后输入‘npm run dev’

element-ui安装环境搭建

项目启动中,完成后会出现下图中的 http://localhost:****
element-ui安装环境搭建

在浏览器中输入 localhost:8081或 127.0.0.1:8081 会出现下图页面;
element-ui安装环境搭建