ShablonForWebsites
Шаблоны для создания сайтов. Это расширение позволяет быстро вставлять готовые шаблоны для различных компонентов сайтов.
Функции
- Поддержка различных шаблонов.
- Легко настраиваемое расширение.
Требования
- Visual Studio Code версии 1.95.0 или выше.
Установка
- Установите расширение из Visual Studio Code Marketplace или вручную установите
.vsix
файл.
- Перейдите в меню "Extensions" (Расширения).
- Нажмите на три точки в правом верхнем углу панели расширений и выберите "Install from VSIX...".
- Выберите
.vsix
файл и установите его.
Использование
Для начала введите команду в любой папке (для создания package.json) - npm init -y
Далее жмём всегда для ввода чего-то туда куда хотим ввести и - ctrl + shift + p (Вводим Insert (Название команды))
Переходим в package.json
Вводим packagejson
Далее скачиваем все нужные библиотеки (вводим в терминал) - npm install
Теперь создаём такую структуру данных
(Любая папка)
├── node_modules
├── public
│ ├── css
│ │ └── styles.css
│ ├── js
│ │ ├── admin.js
│ │ ├── login.js
│ │ ├── order-form.js
│ │ ├── orders.js
│ │ └── register.js
│ ├── admin.html
│ ├── index.html
│ ├── login.html
│ ├── order-form.html
│ ├── orders.html
│ └── register.html
├── create.js
├── package-lock.json
├── package.json
└── server.js
В server.js вводим - server
После строки const bcrypt = require('bcrypt'); - insertDBConnection (Соединение с бд, введите пароль (обычно это root), затем название бд (сделайте её зарание в PGAdmin))
После функции adminAuth - MH (просмотр всех папок)
Затем, после этого вводим - MainBE (Функционал)
Теперь в файле create.js - BDCreate (Создание БД)
После этого введите в терминал - node create.js (затем ctrl + c для отмены)
Далее в файлах js, css пишем их названия, а в html пишем названия + .html (Примеры order, admin.html)
А, ой, в PGAdmin нужно будет менять себе роль, чтобы быть админом
Команды
Расширение предоставляет следующие команды:
Insert DB Connection
- Команда:
extension.insertDBConnection
- Вставляет шаблон для подключения к базе данных PostgreSQL.
Insert styles root
- Команда:
extension.insertFigmaStyles
- Вставляет стили для корневого элемента.
Insert server
- Команда:
extension.server
- Вставляет шаблон для настройки сервера Express.
Insert BDCreate
- Команда:
extension.BDCreate
- Вставляет шаблон для создания таблиц в базе данных PostgreSQL.
Insert MainBE
- Команда:
extension.MainBE
- Вставляет основной бэкенд код.
Insert package.json
- Команда:
extension.packagejson
- Вставляет шаблон для файла
package.json
.
Insert MH
- Команда:
extension.MH
- Вставляет шаблон для главного файла.
Insert stule.css
- Команда:
extension.stule
- Вставляет шаблон для файла
stule.css
.
Insert Admin Code
- Команда:
extension.admin
- Вставляет шаблон для панели администратора.
Insert Login Code
- Команда:
extension.login
- Вставляет шаблон для страницы входа.
Insert Order Form Code
- Команда:
extension.orderForm
- Вставляет шаблон для формы заказа.
Insert Orders Code
- Команда:
extension.orders
- Вставляет шаблон для отображения заказов.
Insert Register Code
- Команда:
extension.register
- Вставляет шаблон для страницы регистрации.
Insert index.html
- Команда:
extension.index.html
- Вставляет шаблон для файла
index.html
.
Insert register.html
- Команда:
extension.register.html
- Вставляет шаблон для файла
register.html
.
Insert login.html
- Команда:
extension.login.html
- Вставляет шаблон для файла
login.html
.
Insert orders.html
- Команда:
extension.orders.html
- Вставляет шаблон для файла
orders.html
.
Insert order-form.html
- Команда:
extension.order-form.html
- Вставляет шаблон для файла
order-form.html
.
Insert admin.html
- Команда:
extension.admin.html
- Вставляет шаблон для файла
admin.html
.
Известные Проблемы
- На данный момент известных проблем нет.
Примечания к Релизу
1.0.0
Первый выпуск ShablonForWebsites.
Наслаждайтесь!