用于快速的上手开发,以做项目为导向,所以借用element-plus插件
发现淘宝的镜像有时候也是很慢的,还可以换个
npm config set registry https://registry.npmmirror.com
- 安装element-plus
npm install element-plus --save
- 查看安装是否成功
在package.json中看到element-plus的版本号就说明安装成功了
3. 配置使用
跟Python一样,调用库文件
在main.js中配置Element-Plus
import { createApp } from ‘vue’
import App from ‘./App.vue’
import ElementPlus from ‘element-plus’
import ‘element-plus/dist/index.css’
const app = createApp(App)
app.use(ElementPlus)
app.mount(‘#app’))
异常问题:
安装过程中碰到的异常:npm ERR! Cannot read properties of null (reading ‘matches’)
通常是因为 npm 在处理依赖关系或包信息时遇到了无效的数据。以下是一些可能的解决方法:
①清除 npm 缓存可能会解决一些由于缓存损坏导致的问题:npm cache clean --force
②删除 node_modules 目录和 package-lock.json 文件,然后重新安装依赖:Remove-Item -Recurse -Force node_modules; Remove-Item -Force package-lock.json
③使用 --legacy-peer-deps 选项
如果你的项目依赖项中存在版本不兼容的问题,可以尝试使用 --legacy-peer-deps 选项来忽略对等依赖的版本检查:npm install element-plus --save --legacy-peer-deps
④检查 package.json 文件
确保 package.json 文件格式正确,没有多余的逗号或缺失的引号。可以使用 JSON 校验工具检查文件的格式