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后端的…