使用ElementUI组件步骤

1 第一步:初始化一个项目

vue init webpack-simple demo     // 创建一个项目

cnpm install  // 根据package.json文件把相应的依赖都安装上

cnpm install element-ui -S    // 安装element-ui组件库 生成依赖

npm run dev    // 可以运行一下


2 引入element-ui组件

1.jpg

注意:webpack-simple这个模板中默认是没有style-loader模块的,所以还需要安装此模块

cnpm install style-loader  -D

同时还需要配置一下 webpack.config.js文件 否则会报错的

// 为字体文件指定loader

 {

     test: /\.(eot|svg|ttf|woff|woff2)$/,

     loader: 'file-loader'

 }



再运行 一切就都ok了


猜你喜欢

转载自blog.51cto.com/11871779/2135833