Vue入门——开源项目vue-element-admin本地运行

Vue入门——开源项目vue-element-admin本地运行

1.项目地址与简介

官方项目地址：

• Github：vue-element-admin的Github首页
• Gitee：vue-element-admin的Gitee首页

官方简介:

​ vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型 .

官方使用文档：vue-element-admin使用手册-中文

2.Git拉取项目并运行

2.1 git cloone项目至本地

这个其实官方文档里有,我将项目克隆到D盘vue目录下，先切换目录至D盘vue下然后执行以下命令：

# 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git

# 进入项目目录
cd vue-element-admin

2.2 安装项目依赖

# 安装依赖 使用淘宝镜像
# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

可能遇到node-sass的安装问题，在项目根目录创建.nmprc文件，添加如下配置：

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org

解决方案来自项目issue：node-sass下载失败解决方案

在尝试刚刚的安装依赖的命令,就没啥大问题了。

2.3 运行项目：

# 本地开发 启动项目
npm run dev

会自动打开 http://localhost:9527 页面，登录就进入首页了，可看到左侧栏中各种各样的组件…

3.官方建议

以下这段话也摘自官方文档：

你可以把 vue-element-admin当做工具箱或者集成方案仓库，在 vue-admin-template 的基础上进行二次开发，想要什么功能或者组件就去 vue-element-admin 那里复制过来。

造轮子就免了，用用就行，毕竟是个学习Java后端的…