vue2.0项目引入element-ui

1.新建项目

1. 查看node和npm是不是已经安装好了, 命令: node -v npm -v (必须先安装好环境);
2. npm install -g cnpm --registry=https://registry.npm.taobao.org (安装国内的淘宝镜像文件，后面的安装npm可以全部改为cnpm);
3. 安装 vue-cli 1. cnpm install -g vue 2. cnpm install -g vue-cli
4. 安装 webpack cnpm install -g webpack
5. cd 你的运行目录
6. 新建vue目录 vue init webpack project
7. 进入项目目录 cd project
8. 安装依赖 cnpm install
9. 运行项目 cnpm run dev
10. 发布项目 cnpm run build

使用element-ui前需修改的配置:

1. 安装loader 模块:
   cnpm install style-loader -D
   cnpm install css-loader -D
   cnpm install file-loader -D
2. 安装Element-UI 模块
   cnpm install element-ui --save
3. 修改webpack.base.conf.js 的配置
   插入以下代码

{
        test: /\\\\\\\\.css$/,
        loader: "style!css"
    },
    {
        test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,
        loader: "file"
    } 

引入Element，前面已经全局安装了element-ui，只需要在Vue项目中引入即可

打开项目：src/main.js,添加下面三条 :
import ElementUI from ‘element-ui’
import ‘element-ui/lib/theme-chalk/index.css’
Vue.use(ElementUI)

原文讲的很详细
附上原文链接 : https://segmentfault.com/a/1190000011023102