在vs code 学习下载与使用element-ui

参考:https://blog.csdn.net/firestarwolf/article/details/87813507?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-3&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-3 && https://blog.csdn.net/weixin_41883384/article/details/79872652

中文官方文档看起来就很舒服
了解过一点bootstrap,希望接下来学习可以顺畅!

1.安装
在vscode里打开建好的vue文件夹,在终端输入npm install element-ui -S,再查看配置文件package.json,是否有element-ui组件的版本号,过程如下图示:
在vs code 学习下载与使用element-ui_第1张图片
2. 在main.js文件中 引入 element 组件,如图 :

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

    Vue.use(ElementUI)

在vs code 学习下载与使用element-ui_第2张图片
3.为验证是否安装成功,是否可以正常使用element-ui,现使用案例测试:
在App.vue中添加element标签




搜索

在vs code 学习下载与使用element-ui_第3张图片
然后在终端输入npm install,再输入npm run dev,打开网页:
在vs code 学习下载与使用element-ui_第4张图片
安装成功!

你可能感兴趣的:(vs,code,element-ui)