# Environment Setup We will use Vite to quickly build the TaskHub project. For Vite content, please refer to: (#). ### 1. Create Project Open the terminal and execute the following command to create a Vite + Vue3 project (select Script Setup syntax): # npm command npm create vite@latest task-hub -- --template vue # yarn command yarn create vite task-hub --template vue # pnpm command (recommended, faster) pnpm create vite task-hub -- --template vue After successful execution, the output is as follows: !(#) After successful startup, visit the local address prompted in the terminal (default http://localhost:5173/) to see the Vue3 initial page. !(#) 2. Project Directory We can enter the directory: cd task-hub If VS Code is installed, you can use VS Code's code command to open the directory. For VS Code content, please refer to: (#). code . After startup, the directory structure is as follows: !(#) Other related commands: # Install dependencies npm install # Start npm run dev # Clean default code ### 2. Clean Default Code Delete src/components/HelloWorld.vue. Clear src/style.css. Modify src/App.vue with the following code: ## Example // JS Logic ### Introduce Tailwind CSS