# quasar-element-pro

**Repository Path**: the-source-of-wind/quasar-element-pro

## Basic Information

- **Project Name**: quasar-element-pro
- **Description**: Vuejs+Quasar 构建 Admin Element Pro，quasarframework 布局结构，通用组件、插件、提供响应式的中后台页面。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://121.4.215.23:30000/shortcloud/#/user/login
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 52
- **Created**: 2021-04-06
- **Last Updated**: 2021-04-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Tangdao Admin Element Pro (quasar-element-pro)

A Quasar Framework app

### 预览
<img src='https://ruyangit.gitee.io/2020/tangdao/spa/arct/1.png' width="100%" />
<img src='https://ruyangit.gitee.io/2020/tangdao/spa/arct/2.png' width="100%" />
<img src='https://ruyangit.gitee.io/2020/tangdao/spa/arct/3.png' width="100%" />
<img src='https://ruyangit.gitee.io/2020/tangdao/spa/arct/4.png' width="100%" />
<img src='https://ruyangit.gitee.io/2020/tangdao/spa/arct/5.png' width="100%" />
<img src='https://ruyangit.gitee.io/2020/tangdao/spa/arct/6.png' width="100%" />

**[前端预览](http://121.37.180.48:12001/#/user/login)**

**[后端项目](https://gitee.com/ruyangit/tangdao)**

### 安装
```bash
# Node.js >= 8.9.0 is required.
$ npm install -g @quasar/cli

& npm install
```

### 更新
```bash
# 检查可升级的软件包
$ quasar upgrade

# 做实际的升级
$ quasar upgrade --install
```

### 开发环境
```bash
quasar dev
```

### 生成环境编译
```bash
quasar build
```

### 检查
```bash
npm run lint
```

### 开发工具设置（vs code）
```json
setting.json shift+ctrl+p

{
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
        "source.fixAll": true
    },
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    "javascript.format.placeOpenBraceOnNewLineForControlBlocks": false,
    "javascript.format.placeOpenBraceOnNewLineForFunctions": false,
    "typescript.format.insertSpaceBeforeFunctionParenthesis": true,
    "typescript.format.placeOpenBraceOnNewLineForControlBlocks": false,
    "typescript.format.placeOpenBraceOnNewLineForFunctions": false,
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "vscode-typescript"
}
```

### 一个部署案例（nginx）
```bash
server {
    listen 80 http2;
    server_name quasar.myapp.com;

    root /home/user/quasar.myapp.com/public;

    add_header X-Frame-Options "SAMEORIGIN";
    add_header X-XSS-Protection "1; mode=block";
    add_header X-Content-Type-Options "nosniff";

    index index.html;

    charset utf-8;

    location / {
        try_files $uri $uri/ /index.html;
    }

    location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }

    access_log off;
    error_log  /var/log/nginx/quasar.myapp.com-error.log error;

    location ~ /\.(?!well-known).* {
        deny all;
    }
}
```

### 更多自定义配置
See [Configuring quasar.conf.js](https://quasar.dev/quasar-cli/quasar-conf-js).