美文网首页
vue项目如何引入element-ui

vue项目如何引入element-ui

作者: Zrory | 来源:发表于2018-12-08 18:38 被阅读0次

    下载element-ui到项目node_modules

    npm i element-ui -S

    • 补充说明1:务必保证项目中已经引入style-loader、css-loader、file-loader。
    • 补充说明2: 为啥是-S,而不是-D或者-g呢?
      原因:npm install ** -g为全局安装,全局安装的包为命令行使用,所以这里不使用npm install ** -g;npm install ** -S (即npm install ** -save) 与 npm install ** -D (即 npm install ** -save-dev)都是本地安装,但两者有区别,用这两个命令下载的包会分别写入到项目的package.json文件中的dependencies和devDependencies中去,而devDependencies的包是在项目开发过程中使用,而dependencies中的包会一直跟着项目到生产环境使用的。所以我们这里使用的命令是-S。

    将element-ui引入到项目中

    只需在main.js中编辑如下代码

    import ElementUI from 'element-ui'
    import 'element-ui/lib/theme-chalk/index.css';
    Vue.use(ElementUI)
    

    element-ui已成功引入项目中啦

    后面会持续更新本人在引入element-ui的vue项目开发过程中遇到的各种问题。

    相关文章

      网友评论

          本文标题:vue项目如何引入element-ui

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