ElementUI+Vue+Webpack的填坑经历
1 新建一个文件vue init webpack-simple element-demo2 进入这个文件里面,继续装element-uinpm i element-ul -D这里的i 指的是install D指的是 --save-dev3 继续添加依赖cnpm install4 继续装css-loader, style-loader,因为webpack中自带css-loader,所以在这里只下载s
·
1 新建一个文件
vue init webpack-simple element-demo
2 进入这个文件里面,继续装element-ui
npm i element-ul -D
//这里的i指的是install
//-D 指的是--save-dev
3 继续添加依赖
cnpm install
4 继续装css-loader, style-loader,因为webpack中自带css-loader,所以在这里只下载style-loader就好了
npm install css-loader style-loader -D
下载成功后,在package.json文件中,能看到如下效果
5 配置webpack-config.js
6 在 main.js中导入elementUI的相关路径,记得一定将Vue.use(ElementUI)应用到VUE中;
7 在命令行中运行:
npm run dev
8 在浏览器中打开:localhost:port
更多推荐
已为社区贡献1条内容
所有评论(0)