# vm-visualization

**Repository Path**: foxfoxff/vm-visualization

## Basic Information

- **Project Name**: vm-visualization
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: LTC
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-18
- **Last Updated**: 2021-09-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vm-visualization

### How to start backend?

```shell
# Please use python3 and run the server in linux to ensure the best compatibility
# install dependencies first
$ python -m pip install Django
$ python -m pip install -U channels
$ python -m pip install pygdbmi
# run the server
$ ./manage.py migarate
$ ./manage.py runserver
```

### How to start frontend?

mac/linux

```shell
$ sudo npm install yarn -g
$ cd frontend
$ yarn install
$ yarn start
```

windows

```shell
# as administrator!!!
$ npm install yarn -g
$ cd frontend
$ yarn install
$ yarn start
```

### How to use git in IntelliJ/WebStorm?

##### How to clone?

1. Choose 'Get from VCS'

   ![Screen Shot 2021-03-23 at 20.31.15](./README.assets/Screen Shot 2021-03-23 at 20.31.15-6502728.png)

2. Enter following url: https://github.com/markcty/vm-virtualization.git

   ![image-20210323203412377](./README.assets/image-20210323203412377.png)

3. Choose 'Log in via Github'

   ![Screen Shot 2021-03-23 at 20.35.25](./README.assets/Screen Shot 2021-03-23 at 20.35.25.png)

4. After cloning, open the project folder **frontend**, not the folder **vm-virtualization**.

##### How to create a edit and update the code?

1. Right click on main and choose 'New Branch from Selected'

   ![image-20210323202826956](./README.assets/image-20210323202826956.png)

2. Edit your code

3. Commit your code: Choose the file you want to commit and write your commit message below. Choose commit and push

   ![Screen Shot 2021-03-23 at 20.43.04](README.assets/Screen Shot 2021-03-23 at 20.43.04.png)

4. Repeat the step 2 and 3 until you want think you've finished your job.

5. Merge your branch into main branch: Choose main branch and click 'Checkout', choose your branch and click 'Merge into Current'.

   ![image-20210323205116576](./README.assets/image-20210323205116576.png)

   ![image-20210323204612082](./README.assets/image-20210323204612082.png)

6. Good job!