vue项目如何引入element-ui

下载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)