# micro-view

**Repository Path**: dmui/micro-view

## Basic Information

- **Project Name**: micro-view
- **Description**: 多应用、多项目可视化管理的vscode插件，例如微前端应用的可视化管理。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-23
- **Last Updated**: 2021-06-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# micro-view 多应用、多项目可视化管理的vscode插件

**简化仓库拉取、依赖安装、服务启动等提供集中可视化管理方案的vscode插件，例如微前端应用的可视化管理。**


#### 插件使用方法

##### 方法一：vscode将vsix文件导入（推荐）

##### 方法二：将插件解压后拷贝到vscode的插件目录下，重启vscode即可.
- mac平台：Mac下vscode插件存放位置： User/（你的用户名）/.vscode/extensions
- window平台：C:/Users/用户名/.vscode/extensions

#### 前置依赖
- node、git安装
- npm安装，内置使用npm进行模块依赖安装
- 打开项目功能，需要安装code脚本，安装教程https://www.cnblogs.com/Zhangcsc/p/11362987.html

#### 解决的问题:
- 父子应用多个代码仓库拉取繁琐
- 子应用依赖安装、服务启动麻烦
- 服务较多时难以管理，来回切换易混淆
- 提供图形化界面管理应用

#### 提供的方案：
- 任何位置配置应用清单的js文件
- 配置文件上右键选择‘Run MicroView’
- 弹出应用视图后可一键仓库拉取、依赖安装、服务启动、终止服务
- 可对其中的某个应用打开项目、重启服务


#### 应用清单

##### 配置说明

- id: 应用唯一标识
- name: 应用名称，将在终端显示该名称
- git: git仓库地址,如果检测到path不存在，则拉取仓库、依赖安装
- path: 应用存放位置
- environment: 环境，默认开发环境为 development,  生产环境为production
- scripts: 构建命令


#####  示例：
```javascript
[
  {
    id: '2001',
    name: 'v4-vhall-front-base',
    git: 'http://47.94.241.60:8082/vhall_pass_component/front-end-v4/v4-vhall-front-base.git',
    path: '/Users/denghuaicheng/weihou/gitlab/v4/v4-vhall-front-base',
    environment: 'development',
    scripts: {
      dev: 'npm run serve',
      build: ''
    }
  },
   {
    id: '2002',
    name: 'v4-vhall-live-room',
    git: 'http://47.94.241.60:8082/vhall_pass_component/front-end-v4/v4-vhall-live-room.git',
    path: '/Users/denghuaicheng/weihou/gitlab/v4/v4-vhall-live-room',
    environment: 'development',
    scripts: {
      dev: 'npm run serve',
      build: ''
    }
  }
  .......
]
```