# vue_spa

**Repository Path**: ensleep/vue_spa

## Basic Information

- **Project Name**: vue_spa
- **Description**: 使用vue实现的spa。
- **Primary Language**: NodeJS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-07-08
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#vue_spa

本项目使用vue2.js+iview+axios实现的单页面应用。

通过webpack等工具实现了纯前端可编译的开发。

对于传统IT企业有些复杂度，但是，并非不可以过度，本项目提供了一个可操作可学习的案例。

原`iview`也提供了一些模板，但与传统的企业应用系统开发的模式以及用户使用界面的习惯不一致，这里将独立实现`ADMIN LTE`，并且，加入更接近于`实用情景`的组件以及权限控制逻辑等。

具体的项目是在`SPA`文件夹下。

## 使用

1. 下载本项目的`zip包`或者通过`git`将本项目`clone`到本地。
1. 下载安装`git`工具。
1. 下载安装`node.js`。
1. 下载安装`visual studio code`。
1. 进入`SPA`目录下，右击，选择`Open With Code`。
1. 在打开的`visual studio code`中，按`ctrl+\``键或者`查看-集成终端`。
1. 在`终端`标签（一共四个，分别为问题、输出、调试控制台、终端）中输入` npm install -g cnpm --registry=https://registry.npm.taobao.org`将`npm`的源从国外换为国内淘宝的镜头。
1. 在`终端`标签中输入`cnpm install`。
1. 在`终端`标签中输入`npm run dev`即可调试。
1. 在`终端`标签中输入`npm run build`即可编译，编译完成后，会出面`dist`目录和`index_prod.html`，这个`文件夹`和`文件`即可直接复制至服务器上面进行发布。

具体细节请阅读`SPA`目录下的`markdown`文件内容。

## 感谢

感谢众多为开源软件发展作出贡献的企业与开发者，本项目依赖于但不限于以下几个受人尊敬的项目：

* vue
* axios
* webpack
* node.js
* ivew
* 其它