一、创建vue项目后
1、在创建 Vue 项目后,可能需要为项目添加一些常用的插件和依赖(如 ElementUI 等)。
2、Vue CLI 提供了一个非常直观的图形化界面(Vue UI),可以简化插件的添加和依赖管理。
3、然而,在实际操作中,可能会遇到一些问题,如安装过程卡顿或报错。
以下是详细的操作步骤和问题解决方法。
二、创建 vue 项目后添加插件
创建项目后,是一个空的,这里需要添加一些插件(比如:ElementUI 等,也就是利用 vue ui 界面来添加一些插件和依赖)
步骤:
1、启动 Vue UI:打开终端,运行以下命令启动 Vue UI:
vue ui
浏览器会自动打开一个图形化界面,展示当前的 Vue 项目管理页面。如果是新创建的项目,可以通过 “导入项目” 按钮将当前项目加载到 Vue UI 中。
2、添加插件:在左侧菜单中选择 “插件” 选项。点击 “添加插件” 按钮,搜索所需插件(如 Element Plus 或其他依赖)。勾选所需功能选项,完成后点击 “安装”。安装完成 插件安装完成后,Vue UI 会更新项目文件(如 package.json),同时自动生成必要的配置文件或引导说明。
三、添加依赖插件时报错
注意: 使用 vue ui 界面安装下面的插件和依赖时,可能会卡顿(一直卡顿),比如:选择安装 element 后,vue ui 页面一直卡顿,也不报错,具体如下图所示:
同时发现:cmd 窗口也卡着不动,显示:reify:fsevents: sill reify mark deleted ['E:\\Desktop\\....]'
解决报错:
1、首先确认是否由于网络原因导致安装卡顿。
2、如果网络正常但仍然卡顿,可能是 npm 镜像源的问题。可以尝试切换镜像源:尝试切换 npm 镜像源。假如是淘宝镜像,就切换成官方镜像,反之;然后重新进入 vue ui 再次进行。
切换到淘宝镜像: 淘宝镜像源速度快,适合国内用户:
npm config set registry https://registry.npmmirror.com
切换回官方镜像: 如果已经使用淘宝镜像但仍然卡顿,可以切换回官方镜像:
npm config set registry https://registry.npmjs.org
验证镜像源: 使用以下命令查看当前使用的镜像源:
npm config get registry
至此,文章介绍,主页还有更多精彩内容!!!