# blog_ui

**Repository Path**: yabar/blog_ui

## Basic Information

- **Project Name**: blog_ui
- **Description**: 博客系统管理中心
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-23
- **Last Updated**: 2024-07-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 管理界面, 博客

## README

# blog_system_ui

# 项目介绍

# 项目下载和运行
## 拉取项目代码

```
git clone https://gitee.com/ambitions-king/blog_ui.git
cd blog_ui/blog_system_ui
```

## 下载node

Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/。

![nodejs_download](https://www.runoob.com/wp-content/uploads/2014/03/download-page.jpg)

你可以根据不同平台系统选择你需要的 Node.js 安装包。

Node.js 历史版本下载地址：https://nodejs.org/dist/

注意：Linux 上安装 Node.js 需要安装 Python 2.6 或 2.7 ，不建议安装 Python 3.0 以上版本。

## 安装

### Windows 安装 Node.js

![img](https://gitee.com/jinguoguang/images/raw/master/img/20220104172153.jpeg)

本文实例以 v0.10.26 版本为例，其他版本类似， 安装步骤：

步骤 1 : 双击下载后的安装包 **v0.10.26**，如下所示：

![install-node-msi-version-on-windows-step1](https://gitee.com/jinguoguang/images/raw/master/img/20220104172230.png)

步骤 2 : 点击以上的Run(运行)，将出现如下界面：

![install-node-msi-version-on-windows-step2](https://gitee.com/jinguoguang/images/raw/master/img/20220104172230.png)

步骤 3 : 勾选接受协议选项，点击 next（下一步） 按钮 :

![install-node-msi-version-on-windows-step3](https://gitee.com/jinguoguang/images/raw/master/img/20220104172230.png)

步骤 4 : Node.js默认安装目录为 "C:\Program Files\nodejs\" , 你可以修改目录，并点击 next（下一步）：

![install-node-msi-version-on-windows-step4](https://gitee.com/jinguoguang/images/raw/master/img/20220104172230.png)

步骤 5 : 点击树形图标来选择你需要的安装模式 , 然后点击下一步 next（下一步）

![install-node-msi-version-on-windows-step5](https://gitee.com/jinguoguang/images/raw/master/img/20220104172230.png)

步骤 6 :点击 Install（安装） 开始安装Node.js。你也可以点击 Back（返回）来修改先前的配置。 然后并点击 next（下一步）：

![install-node-msi-version-on-windows-step6](https://gitee.com/jinguoguang/images/raw/master/img/20220104172230.png)

安装过程：

![install-node-msi-version-on-windows-step7](https://www.runoob.com/wp-content/uploads/2014/03/install-node-msi-version-on-windows-step7.png)

点击 Finish（完成）按钮退出安装向导。

![install-node-msi-version-on-windows-step8](https://www.runoob.com/wp-content/uploads/2014/03/install-node-msi-version-on-windows-step8.png)

### node 环境变量配置

找到node安装路径，如下图所示:

![image-20220104172554612](https://gitee.com/jinguoguang/images/raw/master/img/20220104172554.png)

配置环境变量

![node环境变量配置](https://gitee.com/jinguoguang/images/raw/master/img/20220104173418.png)

打开cmd命令窗口，查看node版本信息

![image-20220105094939393](https://gitee.com/jinguoguang/images/raw/master/img/20220105094939.png)

### npm 更换淘宝镜像源

由于部分镜像源为国外网址，因此加载起来比较慢，所以需要使用淘宝镜像

- 切换到淘宝镜像


```
npm config set registry http://registry.npm.taobao.org
```

- 切换回原镜像

```
npm config set registry https://registry.npmjs.org
```

 - 查看当前源

```
npm config get registry
```

## 启动项目

1.下载项目依赖

```
npm install 
//或者使用cnpm 
npm install -g cnpm --registry=https://registry.npm.taobao.org
```

2.使用如下命令启动项目

```
npm run serve
```

# 系统效果

![image-20220105101110912](https://gitee.com/jinguoguang/images/raw/master/img/20220105101111.png)

![image-20220105101235819](https://gitee.com/jinguoguang/images/raw/master/img/20220105101235.png)

![image-20220105101328879](https://gitee.com/jinguoguang/images/raw/master/img/20220105101329.png)