ElementUI安装
vue-cli-plugin-element
npm和CDN
npm安装
使用npm安装element-ui
npm i element-ui -S
报了如下错误:
Invalid response body while trying to fetch https://registry.npmjs.org/async-validator: Integrity verification
尝试清除缓存
npm cache clear --force
# 或者
npm cache verify
然后再安装就成功了。
搜资料的时候也有遇到Response timeout
报错的解决办法,先收藏起来。
babel-plugin-component插件
ElementUI官方安装教程
这里有个问题:
官方提供了按需引入Element的方法,其中提到修改.babelrc,但是我的项目里没有.babelrc文件,只有babel.config.js。(后来才发现这是因为我使用的vue3 ,然鹅支持vue3的是elementUI升级版elementPLUS,所以安装过程才不一样。)
关于这个问题解决方案看这里
babel官方文档有提到:
babel.config.js是项目范围的配置文件,
.babelrc是文件相关配置,他允许为包的子部分进行相关配置。
npm
然后回头研究了下npm报的错
element-ui@2.15.2 requires a peer of vue@^2.5.17 but none is installed. You must install peer dependencies yourself
搞了半天原来element-ui只适用于vue2,而我的项目用的vue3,换成element-plus重来
npm install element-plus --save
npm uninstall element-ui
安装postcss
安装完element plus还有这个报错需要处理
postcss-modules-local-by-default@4.0.0 requires a peer of postcss@^8.1.0 but none is installed. You must instal
l peer dependencies yourself.
postcss-modules-local-by-default插件需要安装postcss,
npm install postcss@^8.1.0
postcsss是什么?搜了一下这篇15年的介绍postcss的文章,当然过去这么多年,postcss肯定有很大的发展。这是关于postcss8插件迁移的文章。然后又接触到了CSS Modules的概念
查看已安装的某插件版本
想要查看某插件的版本可以使用一下命令
npm ls <插件名称>
# 或者ls换成ls/la/ll
# la/ll除了版本号还会输出插件git和官网地址信息