Vue后台集成方案 之 基础模板

#介绍

vue-element-admin 是基于 Vue2.0，配合使用 Element UI 组件库的一个前端管理后台集成解决方案。它使用了最新的前端技术栈，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。

#建议

项目的定位是后台集成方案，不适合当基础模板来进行二次开发。

• 集成方案: vue-element-admin
• 基础模板: vue-admin-template
• 桌面终端: electron-vue-admin

# Build Setup

• 基本命令（总览）：

# Clone project
git clone https://github.com/PanJiaChen/vue-admin-template.git

# Install dependencies
npm install

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

# Serve with hot reload at localhost:9528
npm run dev

# Build for production with minification
npm run build

# Build for production and view the bundle analyzer report
npm run build --report

1.克隆项目到本地

使用 cd 命令到自己想创建的文件夹路径下：

$ cd 'CCcat/'

$ git clone https://github.com/PanJiaChen/vue-admin-template.git

克隆项目到本地，会在本地新创建一个文件夹 vue-admin-template ：

$ cd vue-admin-template/

2.初始化项目

安装方式有 2 种

• 淘宝镜像安装（速度较快）

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

• 普通安装（速度一般）

$ npm install

3.初始化 npm install 报错

npm ERR! cb() never called!

• 解决方法

输入以下命令，再试一遍：

$ sudo npm cache clean -f   # Clear your npm cache

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

图示：

#本地运行项目

$ npm run dev   # 开发模式

#打包项目

$ npm run build    # 生产模式

# 结语

Vue 后台集成方案 之 基础模板，教程到这就完成啦！
(∩_∩)