Vue中如何引入Element UI前端开发前端框架

 时间:2024-10-13 07:26:37

1、 参考经验:http://jingyan.baidu.com/article/2f9b480d78d33901ca6cc21c.html使用vs code打开vue前端工程,并打开终端,如图所示

Vue中如何引入Element UI前端开发前端框架

2、 输入命令后回车: npm i element-ui -S

Vue中如何引入Element UI前端开发前端框架

3、 步骤2中安装完成,如图所示

Vue中如何引入Element UI前端开发前端框架

4、 找到main.js文件,加入如图所示的引用代码:import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)

Vue中如何引入Element UI前端开发前端框架

5、 在终端中输入命令: npm run dev

Vue中如何引入Element UI前端开发前端框架

6、 浏览器中输入url回车:http://localhost:8080, 显示如图所示

Vue中如何引入Element UI前端开发前端框架

7、 如果您觉得有用,记得在下方点击投票、点赞、关注、留言,小编会定期奉上更多的惊喜哦,您的支持才是小编继续努力的动力,么么哒。

Vue中如何引入Element UI前端开发前端框架
  • Visual Studio Code怎么设置光标在类型上移动
  • 嵌入式linux应用程序开发标准教程
  • 如何使用React中的点击事件并查找对应的参数值
  • 如何在ES6中使用方法遍历Set集合中的key和value
  • js中如何删掉图片添加新图片
  • 热门搜索
    山狗运动相机 物流管理专业是干什么的 绿色和什么颜色搭配 运动男孩 卡宾达树皮的功效与作用 莓茶的功效与作用 过生日送什么好 大学生运动会新闻稿 紫葡萄的功效与作用 衣服面料知识大全