Как оставаться в вк невидимым: Как включить невидимку в ВК? 3 способа быть невидимым ВКонтакте

Добавление компонента кнопок общего доступа в социальных сетях в приложение Angular

Angular — это платформа разработки для создания веб-приложений, мобильных и настольных приложений с использованием HTML, CSS и TypeScript (JavaScript). В настоящее время Angular находится в версии 15, и Google является основным сопровождающим проекта.

ngx-sharebuttons — это библиотека компонентов кнопок общего доступа с поддержкой многих социальных сетей.

Перед началом работы необходимо установить и настроить инструменты:

• гит
• Node.js и нпм
• Угловой интерфейс командной строки
• IDE (например, Visual Studio Code)

1. Давайте создадим приложение с базовой структурой Angular, используя @angular/cli с файлом маршрута и форматом стиля SCSS.

 новых угловых кнопок общего доступа
? Хотите добавить маршрутизацию Angular? Да
? Какой формат таблицы стилей вы хотели бы использовать? SCSS [https://sass-lang.  com/documentation/syntax#scss]
СОЗДАТЬ angular-sharebuttons/README.md (1065 байт)
СОЗДАТЬ angular-sharebuttons/.editorconfig (274 байта)
СОЗДАТЬ angular-sharebuttons/.gitignore (604 байта)
СОЗДАТЬ angular-sharebuttons/angular.json (3291 байт)
СОЗДАТЬ angular-sharebuttons/package.json (1082 байта)
СОЗДАТЬ angular-sharebuttons/tsconfig.json (783 байта)
СОЗДАТЬ angular-sharebuttons/.browserslistrc (703 байта)
СОЗДАТЬ angular-sharebuttons/karma.conf.js (1437 байт)
СОЗДАТЬ angular-sharebuttons/tsconfig.app.json (287 байт)
СОЗДАТЬ angular-sharebuttons/tsconfig.spec.json (333 байта)
СОЗДАТЬ angular-sharebuttons/src/favicon.ico (948 байт)
СОЗДАТЬ angular-sharebuttons/src/index.html (305 байт)
СОЗДАТЬ angular-sharebuttons/src/main.ts (372 байта)
СОЗДАТЬ angular-sharebuttons/src/polyfills.ts (2820 байт)
СОЗДАТЬ angular-sharebuttons/src/styles.scss (80 байт)
СОЗДАТЬ angular-sharebuttons/src/test.ts (788 байт)
СОЗДАТЬ angular-sharebuttons/src/assets/.gitkeep (0 байт)
СОЗДАТЬ angular-sharebuttons/src/environments/environment.
  prod.ts (51 байт)
СОЗДАТЬ angular-sharebuttons/src/environments/environment.ts (658 байт)
CREATE angular-sharebuttons/src/app/app-routing.module.ts (245 байт)
СОЗДАЙТЕ angular-sharebuttons/src/app/app.module.ts (393 байта)
СОЗДАТЬ angular-sharebuttons/src/app/app.component.scss (0 байт)
СОЗДАТЬ angular-sharebuttons/src/app/app.component.html (24617 байт)
CREATE angular-sharebuttons/src/app/app.component.spec.ts (1115 байт)
СОЗДАТЬ angular-sharebuttons/src/app/app.component.ts (225 байт)
✔ Пакеты успешно установлены.
 

2. Установить и настроить структуру Bootstrap CSS. Выполните шаги 2 и 3 сообщения Добавление CSS-фреймворка Bootstrap в приложение Angular .

3. Установите @angular/cdk , @fortawesome/angular-fontawesome

 npm install @angular/cdk @fortawesome/angular-fontawesome @fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons @fortawesome/free-solid-svg-icons ngx-sharebuttons
 

4. Настроить библиотеку ngx-sharebuttons . Измените файл angular.json и добавьте файл circles-dark-theme.scss , как показано ниже.

 "стили": [
  "node_modules/bootstrap/scss/bootstrap.scss",
  "node_modules/bootstrap-icons/шрифт/bootstrap-icons.css",
  "node_modules/ngx-sharebuttons/themes/circles.scss",
  "node_modules/ngx-sharebuttons/themes/modern.scss",
  "Источник/styles.scss"
],
 

5. Импортировать модули ShareButtonsModule и ShareIconsModule . Измените файл app.module.ts и добавьте строки, как показано ниже.

 import {ShareButtonsModule} из 'ngx-sharebuttons/buttons';
импортировать {ShareIconsModule} из 'ngx-sharebuttons/icons';
импорт: [
  БраузерМодуль,
  AppRoutingModule,
  ShareButtonsModule,
  ShareIconsModule,
],
 

6. Удалите содержимое класса AppComponent из файла src/app/app.component.ts .

7. Удалите содержимое файла src/app/app.component.html . Добавьте компонент кнопок, как показано ниже.

 <дел>
   
Угловые кнопки «Поделиться»
 
  <поделиться-кнопки тема="круги-темные"
    [include]="['copy', 'facebook', 'email', 'messenger', 'mix', 'line', 'linkedin', 'pinterest', 'print', 'reddit', 'sms', 'телеграмма', 'тумблер', 'твиттер', 'вибер', 'вк', 'син', 'ватсап']"
    [showIcon] = "истина"
    [показать текст] = "ложь"
    url="https://родриго.камада.com.br/"
    description="Угловые кнопки общего доступа"
    twitterAccount="родригокамада"
   >
  
  <поделиться-кнопки тема="современный-темный"
    [include]="['copy', 'facebook', 'email', 'messenger', 'mix', 'line', 'linkedin', 'pinterest', 'print', 'reddit', 'sms', 'телеграмма', 'тумблер', 'твиттер', 'вибер', 'вк', 'син', 'ватсап']"
    [showIcon] = "истина"
    [показать текст] = "истина"
    url="https://родриго. камада.com.br/"
    description="Угловые кнопки общего доступа"
    twitterAccount="родригокамада"
   >
  
  <поделиться-кнопки тема="современный-темный"
    [include]="['copy', 'facebook', 'email', 'messenger', 'mix', 'line', 'linkedin', 'pinterest', 'print', 'reddit', 'sms', 'телеграмма', 'тумблер', 'твиттер', 'вибер', 'вк', 'син', 'ватсап']"
    [showIcon] = "ложь"
    [показать текст] = "истина"
    url="https://родриго.камада.com.br/"
    description="Угловые кнопки общего доступа"
    twitterAccount="родригокамада"
   >