Создание проекта HTML, CSS, JS с использованием Python

Создание проекта HTML, CSS, JS с использованием Python

Создание проекта HTML, CSS, JS с использованием Python

Здравствуйте! Сегодня я хотел бы показать вам простой код Python, который создает папку, помещает в нее ваш HTML, CSS и javascript, а также добавляет небольшой шаблонный код, с которого вы можете начать.

Нам нужно установить Python3 на свой компьютер, если мы хотим протестировать данный код.
И так, начнем.

Прежде всего нам нужно будет создать файл с расширением .py. Пример example.py.

Внутри файла введем:


import sys 
import os

print("Creating {} folder". format(sys.argv[1]))

path = os.path.join(os.getcwd(), sys.argv[1])
os.mkdir(path)

print("Created {} folder". format(sys.argv[1]))

print("Creating index.html, style.css, script.js")

indexHtml= open(sys.argv[1] +"/index.html", "w+")
stylecss= open(sys.argv[1] + "/style.css", "w+")

scriptJS= open(sys.argv[1] + "/script.js", "w+")

indexHtml.write('''
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Моя страница</title>
    <link rel="stylesheet" type="text/css" href="./style">
  </head>
  <body>
    <div style="text-align: center; top: 50%; left: 50%; position: absolute; transform: translate(-50%, - 50%);">
      <h1>Myrusakov!</h1>
    </div>
    <script src="./script.js" charset="utf-8"></script>
  </body>
</html>

''')

stylecss.write('''
*{font-size: 15px;
  font-weight: bold;
}
''')

scriptJS.write('''
function myFunc(){
  console.log("Hello World");
}
''')

indexHtml.close()
stylecss.close()
scriptJS.close()

Данный скрипт создаст и запишет разметку html, css стили и js код в соответствующие файлы.
При запуске скрипта через командную строку, передается название папки для создания проекта:


>>>python3 example.py myproj

# результат 

'''
myproject/index.html
myproject/style.css
myproject/script.js
'''

Таким образом, мы автоматически создали проект HTML, CSS и JS с помощью Python и его встроенных средств.

Источник