# SPA-Navigation

**Repository Path**: nir_passion/SPA-Navigation

## Basic Information

- **Project Name**: SPA-Navigation
- **Description**: 用简短的语言来描述一下这个项目吧
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-08-18
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## SPA-Navigation

Single Page Navigation WebApp

build with Laravel 5.1 and Vue.js 1.0

use webpack,bower and gulp to manage frontend resource

## Install

```
git clone https://git.oschina.net/nir_passion/SPA-NAV.git

cd SPA-Navigation/

# 不需要composer update
# 已经把vendor/下的composer package GIT PUSH到该分支

# 安装package.json对应NPM包
npm install

# 全局安装webpack、gulp、bower、concurrently
npm install -g webpack gulp bower concurrently

# 安装bower.json对应前端资源文件
bower update

# 导出bower update后的资源文件至/public/目录
gulp copyfiles

# 编译LESS文件
gulp mixless

# webpack 打包
npm run build
```

## Develop

```
cd SPA-Navigation/

# 开启webpack 观察者模式（动态编译*.vue）
webpack --watch
# 开启gulp 观察者模式（动态编译*.less）
gulp watchless
```
------
```
# 同时开启两个命令面板会很别扭，你可以这样
concurrently "npm run watch-css" "npm run watch-js"
# 或者像这样
concurrently "webpack --watch" "gulp watchless"
```

## Contact

whouu336699@gmail.com