IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> vue-element-admin从下载到运行,完整过程 -> 正文阅读

[开发工具]vue-element-admin从下载到运行,完整过程

前段时间了解了一下vue-element-admin,按着官网搭建了一下,踩了不少坑,有时间就记录下来,方便以后用到了可以在看看。

下面我讲的是用git克隆的方法,当然你也可以直接在github上下载。

vue-element-admin

一、搭建项目的前提条件

1.克隆vue-element-admin需要用到git,如果没有安装git,命令会报错

?????? (1)git下载地址:下载地址,下载比较慢

???? (2)下载完后直接下一步下一步安装即可

???? (3)安装完成后,cmd命令行输入:git -v 或 git --version可以查看版本, 效果如下图所示:

?

2.vue项目的话,肯定要安装搭建vue环境

??? (1)安装node.js,下载地址:下载 | Node.js 中文网

? ? (2)下载完成后,直接下一步下一步安装即可,安装完成后,cmd中输入node -v和npm -v查看版本

?

????? (3)安装淘宝镜像: npm install --registry=https://registry.npm.taobao.org

二、搭建:vue-element-admin,照着官网介绍,一步步搭建即可

1.克隆项目:

注:这边官网中的克隆克隆出来的是英文版的,想要中文版,就要克隆中文版的,下面第一个是英文版,第二个是中文版

git clone https://github.com/PanJiaChen/vue-element-admin.git // 这个克隆出来是英文的
git clone -b i18n https://github.com/PanJiaChen/vue-element-admin.git // 这个克隆出来是有中英文切换的

(1)首先,我新建了一个文件夹,打开文件夹,按住shift+鼠标右键,弹框会显示一条“在此处打开Powershell窗口”,点击会弹出命令框

?(2)输入命令行,这个过程稍微有点慢,而且我前面克隆了好几次,都失败了,后面过了好久才成功的,需要耐心等待

?(3)最终克隆成功的后的效果如下图:命令执行完成到100%,文件夹也会成功的多出一个vue-element-admin的文件夹

?(4)点击打开文件夹,可以看到如下,一个搭建好的项目结构

?2.进入项目目录:

cd vue-element-admin

3.安装依赖

npm install
npm install --registry=https://registry.npm.taobao.org

?此处安装依赖时一直报错,如下图所示:

最后查到解决方法

将package.json中的 tui-editor删掉即可

删掉后重新安装依赖,又报错缓存有问题,报错内容没有截图,可能是因为之前一直npm install一直报错造成了什么缓存吧

解决方法,输入以下命令

npm cache clean --force

到此依赖总算是安装成功了

4.本地开发,启动项目

npm run dev

本以为此时此刻成功已经在我眼前了,只要启动一下就可以看到页面了,结果,,,,又,,,,报错了

?在组件中将富文本编辑器删掉

?删掉之后跑,还是报错:

?然后找的markdown.vue将其删掉

?后面跑,还是报错,在找的路由地址,删掉:

?然后,然后,然后,然后,,,,,,,终于跑出来了,效果如下图所示:

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-04-18 18:03:22  更:2022-04-18 18:04:33 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/30 3:39:14-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码