Создание проекта 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 и его встроенных средств.

Источник

НЕТ КОММЕНТАРИЕВ

Оставить комментарий