webstorm 使用Vue框架Element UI安装环境搭建

1：安装node

2：查看node的版本号

输入命令： node -v

出现版本号则说明安装成功。

3：安装淘宝npm镜像（可以忽略）

输入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

4：安装全局vue-cli脚手架

淘宝镜像安装成功之后，我们就可以全局vue-cli脚手架，输入命令：cnpm install --global vue-cli 回车；验证是否安装成功，在命令输入vue，出来vue的信息，及说明安装成功；

输入命令：cnpm install --global vue-cli

5: 初始化vue项目

 vue init webpack itemname

6.安装 elementUI

npm install element-ui --save

6.在main.js 配置

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

 在App.vue测试

<template>
  <div id="app">

    <hr>
    <el-button type="primary">

    </el-button>
    <hr>
  </div>
 


</template>

 运行结果