/web-project-creator

Python script for you to create basic HTML, CSS and Javascript projects easily

Primary LanguagePython

Basic Web Project Structure Automation with Python

Python script for you to create basic HTML, CSS and Javascript projects easily

Requirements

  • Have python installed in your computer
  • See here other ways to install it on Linux

Walkthrough

When you click on script.py, your terminal/windows cmd will open and you'll be able to:

  1. Choose the name of your project folder
  2. Choose whether or not you want a separate /js folder
  3. Choose whether or not you want a separate /css folder
  4. Title of your HTML project (<title></title>)
  5. Choose if you want to open your project with VS Code

Voilà! Your project has been created, inside the project folder there'll be 3 files:

  • index.html
  • style.css
  • app.js

If you choose to have separate folder for CSS and JS, it'll be like this:

  • index.html
  • css/style.css
  • js/app.js

HTML

The index.html comes with a basic structure and it's already linked to style.css and app.js.

CSS

The style.css comes with these basic resets:

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

Download