README.md

简介

开源个人博客系统的后台前端部分代码。项目基于 vue 和 element，以vue-admin-template为模板完成开发。

开发

sass

项目中用到了sass，需要先安装相关依赖，如已安装，则可跳过。

sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。（注:mac下自带Ruby无需在安装Ruby!）

window下安装SASS首先需要安装Ruby，先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。

# 查看ruby版本
ruby -v

运行

# 克隆项目
git clone https://github.com/iszhouhua/blog.git

# 进入项目目录
cd blog/vue

# 安装依赖
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

浏览器访问 http://127.0.0.1:8888

账号：admin

密码：123456

gyp

安装过程中如果出现报gyp ERR错误，执行以下命令安装python环境即可。

npm install --global --production windows-build-tools

　此命令等于一键安装了以下三个软件：

1. python(v2.7 ，3.x不支持);
2. visual C++ Build Tools,或者 （vs2015以上（包含15))
3. .net framework 4.5.1

发布

npm run build

将dist文件夹中的admin文件夹复制到后端项目中的src/main/resources/static文件夹中即可。

---

界面展示

---