Updated doc

CONTRIBUTING.md

@@ -18,20 +18,21 @@ Next steps should work on clear Ubuntu 18.04.
 $ sudo apt-get install -y curl redis-server python3-dev python3-pip python3-venv libldap2-dev libsasl2-dev
 ```
 
-- Install [Visual Studio Code](https://code.visualstudio.com/docs/setup/linux#_debian-and-ubuntu-based-distributions) for development
+-   Install [Visual Studio Code](https://code.visualstudio.com/docs/setup/linux#_debian-and-ubuntu-based-distributions)
+for development
 
 -   Install CVAT on your local host:
 
 ```sh
-$ git clone https://github.com/opencv/cvat
+git clone https://github.com/opencv/cvat
-$ cd cvat && mkdir logs keys
+cd cvat && mkdir logs keys
-$ python3 -m venv .env
+python3 -m venv .env
-$ . .env/bin/activate
+. .env/bin/activate
-$ pip install -U pip wheel
+pip install -U pip wheel
-$ pip install -r cvat/requirements/development.txt
+pip install -r cvat/requirements/development.txt
-$ pip install -r datumaro/requirements.txt
+pip install -r datumaro/requirements.txt
-$ python manage.py migrate
+python manage.py migrate
-$ python manage.py collectstatic
+python manage.py collectstatic
 ```
 
 - Create a super user for CVAT:
@@ -44,9 +45,16 @@ Password: ***
 Password (again): ***
 ```
 
+- Install UI packages and start UI debug server:
+```sh
+cd cvat-core && npm install
+cd ../cvat-ui && npm install
+npm run start
+```
+
 - Run Visual Studio Code from the virtual environment
 
-```
+```sh
 $ code .
 ```
 
@@ -54,7 +62,10 @@ $ code .
 
 -   Reload Visual Studio Code
 
-- Select `server: debug` configuration and start debugging (F5)
+-   Select `server: debug` configuration and start it (F5) to run REST server and its workers
+
+-   Select `cvat-ui: chrome` configuration and start it (F5) to run UI server
+(this server restarts automatically after any changes in the source code)
 
 You have done! Now it is possible to insert breakpoints and debug server and client of the tool.
 

cvat-ui/package.json

@@ -5,7 +5,7 @@
   "main": "src/index.tsx",
   "scripts": {
     "build": "webpack --config ./webpack.config.js",
-    "server": "nodemon --watch config --exec 'webpack-dev-server --config ./webpack.config.js --mode=development --open'"
+    "server": "nodemon --watch config --exec 'webpack-dev-server --config ./webpack.config.js --mode=development'"
   },
   "author": "Intel",
   "license": "MIT",