vue-cli@3快速使用element-ui

作者: 相听不厌 | 来源:发表于2019-07-05 10:52 被阅读10次
创建一个vue项目

vue create demo

进入项目

cd demo

安装element,有两种方式
第一种: 命令行安装

vue add element

  • 然后会问你:How do you want to import Element?(你想怎么引入)
    选项一:Fully import(全局)
    选项二:Import on demant (按需)——推荐!

  • Choose the locale you want to load (问从哪里下载)
    选zh-CN(中国大陆)

安装过程如下:

D:\vue\ieguanjia>vue add element

�  Installing vue-cli-plugin-element...

+ vue-cli-plugin-element@1.0.1
added 1 package from 1 contributor and audited 24224 packages in 12.768s
found 0 vulnerabilities

✔  Successfully installed plugin: vue-cli-plugin-element

? How do you want to import Element? Import on demand
? Choose the locale you want to load zh-CN

�  Invoking generator for vue-cli-plugin-element...
�  Installing additional dependencies...

added 11 packages from 9 contributors and audited 24241 packages in 14.464s
found 0 vulnerabilities

⚓  Running completion hooks...

✔  Successfully invoked generator for plugin: vue-cli-plugin-element

D:\vue\ieguanjia>
第二种: vue ui

vue ui
添加插件:vue-cli-plugin-element

vue-cli-plugin-element

查看项目

babel.config.js文件,已经帮我们写好了配置
main.js文件,引入了element.js
element.js,则可以根据项目按需引入

相关文章

网友评论

    本文标题:vue-cli@3快速使用element-ui

    本文链接:https://www.haomeiwen.com/subject/ezlshctx.html