# 数据大屏

**Repository Path**: 515235/large-data-screen

## Basic Information

- **Project Name**: 数据大屏
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-03-04
- **Last Updated**: 2023-09-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Vuex, TypeScript, naiveui, vue3

## README

### vue3.0+naiveui+ts  纯前端

### 页面浏览1
![](https://duxinggj-1251133427.cos.ap-guangzhou.myqcloud.com/dxgjAdmin/xmgImg/tupian1646362237936.png)


### 目录结构


```
|--public #公共静态资源文件可以存放第三方插件
|--script #执行 node 的脚本
|--src #项目目录
	|-- assets # 静态资源文件
	|-- components # 组件
	|-- configFun # 定义全局公共方法
	|-- directive # 自定义指令
	|-- interface # 定义接口
	|-- layout #布局
	|-- plus #全局插件
	|-- router 路由
	|-- store # vuex 状态
	|-- util #公共方法
	|-- view # 页面
```



### 命令运行

1. 运行项目 npm run dev
1. 打包项目 npm run build
1. 监听组件文件夹变化 生成主体组件 npm run rgx

### VSCode 下载地址

https://duxinggj-1251133427.cos.ap-guangzhou.myqcloud.com/gongju/VSCodeUserSetup-x64-1.64.2.exe

### vue模板

```vue
<template>
  <div class="page-box ">
  </div>
</template>
 <script lang='ts' setup>
</script>

 <style scoped>
</style>

```

### tsx 初始化

```tsx
import { defineComponent } from "vue";
export default defineComponent({
  props: {
    code: {
      type: String,
    },
  },
  setup(props) {
    return () => <></>;
  },
});
```