# Vue界面模板

**Repository Path**: o70078/VPF

## Basic Information

- **Project Name**: Vue界面模板
- **Description**: Vue界面模板,参考了WPF的panel.
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2018-03-08
- **Last Updated**: 2022-07-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 开发与运行环境:
nodejs(8.9.3)

npm(5.5.1) **安装node会自带这个.**

vscode(1.21.0)

----
# 主要第三方依赖:
### PUG
许可:MIT
官网:https://pug.bootcss.com/

### VUE
许可:MIT
中文官网:https://cn.vuejs.org/

### WebPack
许可:MIT
版本:3.11.0(这个似乎不支持 4.x 版本,会报错,欢迎测试!)
中文官网:https://doc.webpack-china.org/

### 还有很多,以后补充...

----
# 开始:
1. 首先需要安装上面 ***开发与运行环境*** 所列出的工具,它们用于开发与运行这个工程
2. 其次需要安装第三方依赖,在工程目录执行
```
npm install
```
即可,npm会自动安装相关依赖.
3. 安装好环境以及依赖库后,执行tsc可将ts代码编译为js代码.
4. 执行这个命令可以打开http服务(请不要重复打开多个):
```
npm run server
```
5. 执行这个命令可以编译程序:
```
npm run webpack
```

如果在VSCode里,可以按F5,一键打开浏览器调试.

----
# 文件目录与功能
### src/目录
源码都在这里面了webpack编译的就是这里面的东西,正式发布工程的时候不用带这个目录

### src/index.js 文件
这个是入口文件,初始化一下这个工程.

### src/App.vue 文件
主界面组件

### src/templates/ 目录
vue组件模板等实现都在这里面

### src/templates/Mixins
各种组件的通用属性/样式/方法 混入

### src/templates/Panels
托盘类组件