# 智慧城市part1

**Repository Path**: song_yingnan/smart_city_part1

## Basic Information

- **Project Name**: 智慧城市part1
- **Description**: 202003帮朋友做的项目
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 3
- **Created**: 2020-04-28
- **Last Updated**: 2024-05-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# svtuil-vue3

> V1.0.0版本   [SVT-项目前端_svtuil-vue3.0_开发规范_v1.0_20180314.docx](/uploads/fe05fc4bcb7ebb64220e71c613b9e738/SVT-项目前端_svtuil-vue3.0_开发规范_v1.0_20180314.docx)

## 安装依赖项

```
npm install
```

### 启动开发环境服务

```
npm run dev
```

### 打包不带 map 生产文件（交付客户，代码混淆压缩，不可看源码）

```
npm run build
```

### 打包带 map 生产文件（可用于本地服务器测试，方便查看源码）

```
npm run test
```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

## 项目目录结构

```txt
Project（文件夹中未在下方显示的文件夹或文件请勿动）
    ├── public                          纯静态资源，通过绝对路径被引用。这类资源将会直接被拷贝，而不会经过 webpack 的处理
    |   └── css                             第三方样式目录
    |   └── data                            数据目录
    │   └── fonts                           第三方字体目录
    │   └── img                             图片目录
    │   └── libs                            第三方类库目录
    │   └── Config.js                       接口动静态配置项
    │   └── index.html                      入口页面，项目页面模板
    ├── src                             项目源码目录
    │   ├── assets                          资源目录，这里的资源会被webpack构建
    |   |   └── css                             样式目录
    |   |   └── data                            数据目录
    │   │   └── fonts                           字体目录
    │   │   └── img                             图片目录
    │   ├── components                      公共组件目录
    |   |   └── charts                          svtcharts文件存放目录
    │   │   └── modules                         界面模块文件存放目录
    │   └── views                           页面目录
    │   │   └── hello.vue                       （举例页面文件）
    │   │   └── notfound.vue                    （举例页面文件）
    │   └── router                          路由目录
    │   │   └── index.js                        配置界面路由主文件，必须存在，可新建多个子文件在index中引用
    │   └── store                           应用级数据目录（state）
    │   │   └── index.js                        配置界面通用数据主文件，必须存在，可新建多个子文件在index中引用
    │   └── api                             界面所需要动静态数据、接口配置目录
    │   │   └── index.js                        配置界面通用接口主文件，必须存在，可新建多个子文件在index中引用
    │   └── App.vue                         根组件
    │   └── main.js                         入口js文件
    └── package.json                    npm包配置文件，里面定义了项目的npm脚本，依赖包等信息
    └── proxy.js                        接口请求代理配置
```

## 项目依赖

- 项目默认将 jquery（3.3.1）、d3（5.9.1）、TWEEN（17.3.0）、THREE（0.101.1）、leaflet（1.4.0）全局抛出，在代码中无需引入 jquery、d3 等类库，直接通过 jQuery、\$、d3、TWEEN、THREE、L 使用即可；
- 项目默认引入 element-ui（2.5.4），并全局化插件，直接可在代码中写入 element-ui 相关组件；
- 项目默认引入 vue-router（3.0.1），作为项目路由管理器，可在 src/router/index.js 中配置相关路由；
- 项目默认引入 axios（0.18.0），作为请求处理，可在代码中直接使用 this.\$ajax()进行相关请求操作，不推荐直接使用 this.$ajax进行接口请求操作，代码封装了get请求方式，可通过this.$http.getData()，进行 get 请求，详见 src/api/index.js；
- 项目默认引入 vuex（3.0.1），作为中心化管理状态，可在 src/store/index.js 中配置；
- 项目默认引入 sass 处理器，在代码中可直接运用 scss 格式编写样式。