Flask Commands Part 13 Run the New Project

▶️ Run your new Flask-Commands project with `run.sh`! 🐍🚀 In this video, Drew walks through the generated `run.sh` workflow that comes with a new Flask-Commands project on macOS. It’s a convenience script that starts the pieces of your development environment so you don’t have to remember every command manually. 🍎⚡ When you run: `./run.sh` Flask-Commands opens several terminal tabs and starts the tools that help you build, test, style, and view your app. 🧰💻 You’ll see what each tab does: 🔄 Watches files with `fswatch` and refreshes Chrome automatically 🐍 Opens a Flask shell for testing models and app code 🌐 Runs the Flask development server with `flask run --debug` 🎨 Watches and builds Tailwind CSS 📦 Builds minified CSS 💻 Opens the project in VS Code with `code .` 🌍 Opens the app in Chrome Drew also demos the hot-reload workflow: change `hello world` in the template, save the file, and Chrome refreshes automatically. No manual refresh needed. 🔥✨ The video also shows why the Flask shell is so useful. You can create a `User`, inspect it, save it to the database with the model’s helper method, and then see the new row appear in TablePlus. 🗄️✅ This is also where Drew explains the Tailwind CSS scripts generated for you, including readable and minified CSS builds, and points viewers to Tailwind’s docs for deeper styling work. 🎨📚 For VS Code users, the video shows how to enable `code .` from the terminal using the Command Palette and “Install code command in PATH.” 🧭 This video covers: 🍎 Running the generated `run.sh` script 🔄 Automatic browser refresh with `fswatch` 🐍 Using the Flask shell 🗄️ Testing database models 🌐 Running the Flask server 🎨 Building Tailwind CSS 💻 Opening VS Code from the terminal 🧰 Understanding each generated terminal tab For Windows users, Drew notes that the same project can still be run manually, and that workflow is covered separately. ✅ Flask-Commands keeps everything visible and editable, but `run.sh` gives you a fast local workflow so you can start building without juggling every startup command yourself. 🐍⚡ 00:00 - Introducing run.sh 00:39 - What run.sh starts 01:14 - Running run.sh 02:09 - Tab 1: fswatch and browser refresh 03:17 - Editing the Hello World template 04:54 - Seeing hot reload in the browser 05:48 - Tab 2: Flask shell 06:28 - Using app models in the shell 07:50 - Creating a user in the shell 09:08 - Saving the user to the database 10:07 - Tab 3: Flask development server 11:22 - Tabs 4 and 5: Tailwind CSS builds 13:50 - Opening VS Code with code . 14:39 - Setting up code . in VS Code 15:47 - Next: running Flask-Commands in the project #Flask #Python #FlaskCommands #FlaskShell #TailwindCSS #VSCode #WebDevelopment #PythonFlask #DeveloperTools 🐍🚀