GBase 8a Gtester平台相关前端知识(三) —— VUE目录解析

GBase 8a MPP Cluster 是大数据时代成熟的分析型MPP数据库。最新 GBase 8a MPP Cluster V9版本的虚拟集群适用于系统的规划建设多套集群,可以实现各个集群业务的独立规划和统一管理,虚拟集群包括数据管理集群、用户管理集群和集群版本管理集群,各个逻辑子集群间可实现透明的数据迁移、数据关联和数据共享。

为了更有效的测试集群功能、更便捷的管理测试机器和执行测试用例,开发了Gtester平台,该平台主要用于测试机器的管理、用例集的管理和执行任务等。本文章主要针对GBase 8a Gtester平台的前端知识点中的VUE目录解析进行展开讲解。

VUE目录解析

image.png

node_modules

node_modules文件夹中存放的是各种项目依赖文件,其中包括很多基础依赖和自己安装的依赖。

public

public文件夹中存放的是项目公共资源。比如网站LOGO等,还会有项目的主入口文件index.html。通常我们不需要对public文件夹内的资源做任何修改。

src

src文件夹是项目的核心文件夹:包括项目源码以及各种静态资源等。是开发的重点工作目录。

Assets

文件夹内保存的是各种静态资源,比如css、img、js、font等。

components

存放通用的组件,如这里的HelloWorld组件其实就是项目初始化时Home这一页的内容,如下图所示:
image.png
之后的开发中,我们可以把通用的组件都存放在components里。

router

vue路由的配置文件,在单页面应用中,路由是指根据不同的链接展示不同的页面视图,可以来回切换。

views

view是存放视图文件的地方。当然,一般在开发中,我们为了方便管理文件,还会在这个目录中创建更多的文件夹来进行管理。比如把项目的模块划分到目录中来管理。

App.vue

App属于根组件,其他组件的使用均需要由App组件直接或间接引入。views下的两个vue文件设置了路由通过App.vue中的 渲染到了页面,路由的相关概念在后面章节会讲解。

main.js

该文件是浏览器解析最先加载的入口文件。这个文件的主要功能是通过import的方式导入各种资源,然后新建了一个vue实例。我们也可以在此引入更多的东西或做一些全局的处理工作。
image.png

gitignore

在实际开发项目中,不是所有文件都需要上传git,该文件用来忽略不用上传的文件。把要忽略的文件名填进去,git就会自动忽略这些文件或目录。

.browserslistrc

在使用脚手架搭建项目时,会自动生成.browserslistrc文件,该文件主要是配置兼容浏览器。

babel.config.js

bable配置相关的文件。

jsconfig.json

主要用来配置一个默认根路径,以后可以通过该根路径快速访问到子路径。

package-lock.json

记录了node_modules目录下所有模块(包)的名称、版本号、下载地址、及这个模块又依赖了哪些依赖。

package.json

包管理工具,记录着项目使用的第三方库。

原创文章,作者:kirin,如若转载,请注明出处:https://blog.ytso.com/tech/bigdata/317922.html

(0)
上一篇 1天前
下一篇 1天前

相关推荐

发表回复

登录后才能评论