Install your development environment with WSL in windows 11

### Read it before install WSL - Install your windows terminal & recommended system Fonts - https://github.com/doggy8088/best-wsl-ubuntu-setup ### Install from PowerShell - List all the distros of WSL ``` wsl --list --online ``` - support distros (2025/07/20) ``` NAME FRIENDLY NAME AlmaLinux-8 AlmaLinux OS 8 AlmaLinux-9 AlmaLinux OS 9 AlmaLinux-Kitten-10 AlmaLinux OS Kitten 10 AlmaLinux-10 AlmaLinux OS 10 Debian Debian GNU/Linux FedoraLinux-42 Fedora Linux 42 SUSE-Linux-Enterprise-15-SP6 SUSE Linux Enterprise 15 SP6 SUSE-Linux-Enterprise-15-SP7 SUSE Linux Enterprise 15 SP7 Ubuntu Ubuntu Ubuntu-24.04 Ubuntu 24.04 LTS archlinux Arch Linux kali-linux Kali Linux Rolling openSUSE-Tumbleweed openSUSE Tumbleweed openSUSE-Leap-15.6 openSUSE Leap 15.6 Ubuntu-18.04 Ubuntu 18.04 LTS Ubuntu-20.04 Ubuntu 20.04 LTS Ubuntu-22.04 Ubuntu 22.04 LTS OracleLinux_7_9 Oracle Linux 7.9 OracleLinux_8_10 Oracle Linux 8.10 OracleLinux_9_5 Oracle Linux 9.5 ``` - Install ubuntu 24.04 ``` wsl.exe --install Ubuntu-24.04 ``` - Move the installed WSL to another driver ``` wsl --shutdown wsl --manage Ubuntu-24.04 --move D:\WSL\ ``` - Install docker, NOT docker desktop - https://blog.miniasp.com/post/2025/06/14/How-to-remove-Docker-Desktop-and-install-Docker-Engine-on-Windows-with-WSL-2 ``` # download installation script # https://docs.docker.com/engine/install/ubuntu/#install-using-the-convenience-script curl -fsSL https://get.docker.com -o get-docker.sh # in this step, the system will show a tips to let you install docker desktop. # Do not press any key, just waitting it to install docker-engine sudo sh get-docker.sh # Add your account to docker group # Manage Docker as a non-root user # https://docs.docker.com/engine/install/linux-postinstall/#manage-docker-as-a-non-root-user sudo usermod -aG docker $USER # check the installed version docker --version docker compose version ``` - Install vs code - install vs code in your Windows environment - install extension WSL - install extension RemoteExplorer - install extension Remote - Tunnels - install extension Remote - SSH - install extension Remote - SSH: Editing Configuration Files - install extension Remote Development - In your windows terminal open code-insiders ``` code-insiders . ``` - In your windows terminal open vs code stable ``` code . ``` ### For aws development - Install go-lang ``` sudo apt install golang-go -y ``` - Set go environment path - https://go.dev/wiki/SettingGOPATH ``` export GOPATH=$HOME/go export GOBIN=$HOME/go/bin export PATH=$GOBIN:$PATH ``` - Install assume-role - https://github.com/remind101/assume-role ``` go install github.com/remind101/assume-role@latest ``` - for bash ``` function assume-role { eval $( $(which assume-role) $@); } ``` - for zsh ``` alias assume-role='function(){eval $(command assume-role $@);}' ```

Setting Up Your Environment for Vibetest-Use

This guide will walk you through the process of setting up your environment to use `vibetest-use`, a tool that appears to be designed for website testing using AI agents. We'll cover everything from cloning the repository to configuring the necessary components. ### Step 1: Get the Code First, you need to get the source code. You can do this by cloning the repository directly, or by forking it to your own GitHub account and then cloning your fork. - **Clone the repository:** ``` bash git clone git@github.com:browser-use/vibetest-use.git ``` - **Or, fork the project** on GitHub and then clone your forked repository. ### Step 2: Python Environment Setup `vibetest-use` requires Python 3.12 or newer. Here's how to set it up on a Debian-based Linux distribution: 1. **Add the `deadsnakes` PPA to your system's software sources:** ``` bash sudo add-apt-repository ppa:deadsnakes/ppa ``` 2. **Update your package list and install Python 3.12:** ``` bash sudo apt update sudo apt install python3.12 python3.12-venv -y ``` 3. **Create and activate a virtual environment:** ``` bash mkdir venv python3.12 -m venv venv source venv/bin/activate ``` ### Step 3: Install Vibetest-Use With your virtual environment activated, you can now install `vibetest-use` and its dependencies. 1. **Upgrade pip:** ``` bash pip install --upgrade pip ``` 2. **Install `uv` (a fast Python package installer):** ``` bash pip install uv ``` 3. **Install `vibetest-use` in editable mode:** ``` bash uv pip install -e . ``` ### Step 4: Setup the MCP Server in Roo Code A key part of the setup is configuring the Model Context Protocol (MCP) server. MCP allows AI models to access external tools and data, extending their capabilities. This video provides a detailed tutorial on how to set up an MCP server in Roo Code: You'll need to configure the MCP server in your Roo Code settings. Make sure to check the command path carefully. If your virtual environment is in a folder named `venv`, the path in the configuration should reflect that. ``` json { "mcpServers": { "vibetest": { "command": "/full/path/to/vibetest-use/venv/bin/vibetest-mcp", "env": { "GOOGLE_API_KEY": "your_api_key" } } } } ``` ### What is MCP? For a deeper dive into what MCP is and how it works, you can refer to this article: [post/3k2Nrx](https://codelove.tw/@tony/post/3k2Nrx) ### Running the MCP Server The following is a sequence of commands that might be run during the process of setting up and running the `vibetest-mcp` server. This gives you an idea of the workflow: ``` bash (venv) ➜ vibetest-use python -m vibetest.mcp_server (venv) ➜ vibetest-use git:(main) pip install . (venv) ➜ vibetest-use git:(main) python -m vibetest.mcp_server (venv) ➜ vibetest-use git:(main) vibetest-mcp (venv) ➜ vibetest-use git:(main) playwright install (venv) ➜ vibetest-use git:(main) playwright install-deps (venv) ➜ vibetest-use git:(main) sudo apt-get install libnss3 libnspr4 (venv) ➜ vibetest-use git:(main) vibetest-mcp ``` ### Example Prompt Once everything is set up, you can start using `vibetest-use` with prompts like this: ### Reference - VibeTest - https://github.com/browser-use/vibetest-use - Configuring MCP Servers in RooCode - https://docs.roocode.com/features/mcp/using-mcp-in-roo/ - https://youtu.be/QDy3dm1xJ6Y - MCP - https://www.anthropic.com/news/model-context-protocol - https://modelcontextprotocol.io/introduction - https://codelove.tw/@tony/post/3k2Nrx - https://ikala.ai/zh-tw/blog/ikala-ai-insight/what-is-model-context-protocol-mcp/ - https://github.com/modelcontextprotocol/servers/tree/main