github.com/argoproj/argo-cd/v3@v3.2.1/ui/README.md (about) 1 # Argo CD UI 2 3 <img src="https://github.com/argoproj/argo-cd/blob/master/ui/src/assets/images/argo.png?raw=true" alt="Argo Image" width="600" /> 4 5 Web UI for [Argo CD](https://github.com/argoproj/argo-cd). 6 7 8 ## Getting started 9 10 1. Install [NodeJS](https://nodejs.org/en/download/) and [Yarn](https://yarnpkg.com). On macOS with [Homebrew](https://brew.sh/), running `brew install node yarn` will accomplish this. 11 2. Run `yarn install` to install local prerequisites. 12 3. Run `yarn start` to launch the webpack dev UI server. 13 4. Run `yarn build` to bundle static resources into the `./dist` directory. 14 15 To build a Docker image, run `IMAGE_NAMESPACE=yourimagerepo IMAGE_TAG=latest yarn docker`. 16 17 To do the same and push to a Docker registry, run `IMAGE_NAMESPACE=yourimagerepo IMAGE_TAG=latest DOCKER_PUSH=true yarn docker`. 18 19 ## Pre-commit Checks 20 21 Make sure your code passes the lint checks: 22 23 ``` 24 yarn lint --fix 25 ``` 26 27 If you are using VSCode, add this configuration to `.vscode/settings.json` in the root of this repository to identify and fix lint issues automatically before you save file. 28 29 Install [Eslint Extension](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) in VSCode. 30 31 `.vscode/settings.json` 32 ```json 33 { 34 "eslint.format.enable": true, 35 "editor.codeActionsOnSave": { 36 "source.fixAll.eslint": "always" 37 }, 38 "eslint.workingDirectories": [ 39 { 40 "directory": "./ui", 41 "!cwd": false 42 } 43 ], 44 "eslint.experimental.useFlatConfig": true 45 } 46 ```