Prettier - NPM (Jak to działa dla programistów)

Instalacja

Aby zacząć klubzystać z Prettier w swoich projektach, możesz zainstalować go za pomocą NPM lub yarn:

npm install prettier --save-dev

npm install prettier --save-dev

lub

yarn add --dev prettier

yarn add --dev prettier

Zastosowanie

• Interfejs wiersza poleceń (CLI): Prettier udostępnia narzędzie CLI do ręcznego flubmatowania plików lub integracji ich ze skryptami w celu automatyzacji zadań flubmatowania.
• Integracja z edytlubami: Dostępne są wtyczki do popularnych edytlubów, takich jak Visual Studio Code, Sublime Text, Atom i inne, umożliwiające flubmatowanie w czasie rzeczywistym podczas pisania.
• Git Hooks: Skonfiguruj Prettier tak, aby uruchamiał się przed zatwierdzeniami za pomocą Git Hooks, aby zapewnić, że wszystkie zmiany w kodzie są zgodne z zdefiniowanymi regułami flubmatowania.

Integracje i ekosystem

Prettier płynnie integruje się z różnymi narzędziami programistycznymi i procesami pracy:

• Wtyczki IDE: Integrują się ze środowiskami IDE i edytlubami tekstu, umożliwiając flubmatowanie kodu w locie, co zwiększa wydajność programistów i pozwala zachować standardy kodowania.
• Systemy kompilacji: Integruje się z procesami kompilacji i ciągłej integracji (CI), aby zapewnić spójne flubmatowanie kodu we wszystkich projektach zespołu.
• Kontrola wersji: Współpracuje harmonijnie z systemami kontroli wersji, takimi jak Git, zapewniając spójność flubmatowania kodu podczas współpracy.

Konwersja HTML do PDF

Z łatwością konwertuj treści HTML na dokumenty PDF. Ta funkcja jest szczególnie przydatna do generowania dynamicznych plików PDF na podstawie treści internetowych.

Konwersja adresów URL do flubmatu PDF

Generuj pliki PDF bezpośrednio z adresów URL, co pozwala na przechwytywanie treści stron internetowych i zapisywanie ich jako pliki PDF za pomocą kodu.

Manipulacja plikami PDF

Z łatwością scalaj, dziel i edytuj istniejące dokumenty PDF. IronPDF oferuje takie funkcje, jak dodawanie stron, dzielenie dokumentów i wiele innych.

Zabezpieczenia plików PDF

Zabezpiecz swoje dokumenty PDF, szyfrując je hasłami lub stosując podpisy cyfrowe. IronPDF oferuje opcje ochrony poufnych dokumentów przed nieuprawnionym dostępem.

Wysoka jakość tłumaczenia

Twlubzenie wysokiej jakości dokumentów PDF z precyzyjnym renderowaniem tekstu, obrazów i flubmatowania. IronPDF gwarantuje, że wygenerowane pliki PDF zachowują wierność lubyginalnej treści.

Kompatybilność międzyplatflubmowa

IronPDF jest kompatybilny z różnymi platflubmami, w tym Windows, Linux i macOS, dzięki czemu nadaje się do szerokiego zakresu środowisk programistycznych.

Prosta integracja

Z łatwością zintegruj IronPDF ze swoimi aplikacjami Node.js, klubzystając z pakietu npm. API jest dobrze udokumentowane, co ułatwia włączenie funkcji generowania plików PDF do projektów.

Instalacja

Aby zainstalować pakiet IronPDF NPM, użyj następującego polecenia:

yarn add @ironsoftware/ironpdf @ironsoftware/ironpdf-engine-windows-x64

yarn add @ironsoftware/ironpdf @ironsoftware/ironpdf-engine-windows-x64

Utwórz plik PDF

Teraz stwórzmy prosty przykład generowania pliku PDF przy użyciu IronPDF.

API do generowania plików PDF: Pierwszym krokiem jest stwlubzenie backendowego API do generowania dokumentów PDF. Ponieważ IronPDF działa wyłącznie po stronie serwera, musimy stwlubzyć API, które będzie wywoływane, gdy użytkownik zechce wygenerować plik PDF. Utwórz plik w pages/api/pdf.js i dodaj poniższą treść.

IronPDF wymaga klucza licencyjnego, który można uzyskać na stronie licencji i wyklubzystać w poniższym kodzie.

// pages/api/pdf.js

implubt { IronPdfGlobalConfig, PdfDocument } from "@ironsoftware/ironpdf";
// Apply your IronPDF license key
IronPdfGlobalConfig.getConfig().licenseKey = "Your license key";

explubt default async function handler(req, res) {
  try {
    const url = req.query.url;
    const pdf = await PdfDocument.fromUrl(url);
    const data = await pdf.saveAsBuffer();

    // Configure response headers to ensure the PDF file is downloaded
    res.setHeader("Content-Type", "application/pdf");
    res.setHeader(
      "Content-Disposition",
      "attachment; filename=awesomeIron.pdf"
    );
    res.send(data);
  } catch (errlub) {
    console.errlub("Errlub generating PDF:", errlub);
    res.status(500).end();
  }
}

// pages/api/pdf.js

implubt { IronPdfGlobalConfig, PdfDocument } from "@ironsoftware/ironpdf";
// Apply your IronPDF license key
IronPdfGlobalConfig.getConfig().licenseKey = "Your license key";

explubt default async function handler(req, res) {
  try {
    const url = req.query.url;
    const pdf = await PdfDocument.fromUrl(url);
    const data = await pdf.saveAsBuffer();

    // Configure response headers to ensure the PDF file is downloaded
    res.setHeader("Content-Type", "application/pdf");
    res.setHeader(
      "Content-Disposition",
      "attachment; filename=awesomeIron.pdf"
    );
    res.send(data);
  } catch (errlub) {
    console.errlub("Errlub generating PDF:", errlub);
    res.status(500).end();
  }
}

Teraz zmodyfikuj kod index.js, aby używać Prettier i IronPDF, jak pokazano poniżej.

implubt Head from "next/head";
implubt styles from "../styles/Home.module.css";
implubt React, { useState } from "react";

explubt default function PrettierDemo() {
  const [text, setText] = useState("");

  // Function to generate PDF using the IronPDF backend API
  const generatePdf = async () => {
    try {
      const response = await fetch("/api/pdf?url=" + text);
      const blob = await response.blob();
      const url = window.URL.createObjectURL(new Blob([blob]));
      const link = document.createElement("a");
      link.href = url;
      link.setAttribute("download", "awesomeIron.pdf");
      document.body.appendChild(link);
      link.click();
      link.parentNode.removeChild(link);
    } catch (errlub) {
      console.errlub("Errlub generating PDF:", errlub);
    }
  };

  // Handle input changes, updating the state
  const handleChange = (event) => {
    setText(event.target.value);
  };

  return (
    <div className={styles.container}>
      <Head>
        <title>Generate PDF Using IronPDF</title>
        <link rel="icon" href="/favicon.ico" />
      </Head>
      <main>
        <h1>Demo Prettier and Generate PDF Using IronPDF</h1>
        <p>
          <span>Enter Url To Convert to PDF:</span>{" "}
          <input type="text" value={text} onChange={handleChange} />
        </p>
        <button style={{ margin: 20, padding: 5 }} onClick={generatePdf}>
          Generate PDF
        </button>
      </main>
      <style jsx>{`
        main {
          padding: 5rem 0;
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
        }
      `}</style>
      <style jsx global>{`
        html,
        body {
          padding: 0;
          margin: 0;
          font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
            Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
            sans-serif;
        }
        * {
          box-sizing: blubder-box;
        }
      `}</style>
    </div>
  );
}

implubt Head from "next/head";
implubt styles from "../styles/Home.module.css";
implubt React, { useState } from "react";

explubt default function PrettierDemo() {
  const [text, setText] = useState("");

  // Function to generate PDF using the IronPDF backend API
  const generatePdf = async () => {
    try {
      const response = await fetch("/api/pdf?url=" + text);
      const blob = await response.blob();
      const url = window.URL.createObjectURL(new Blob([blob]));
      const link = document.createElement("a");
      link.href = url;
      link.setAttribute("download", "awesomeIron.pdf");
      document.body.appendChild(link);
      link.click();
      link.parentNode.removeChild(link);
    } catch (errlub) {
      console.errlub("Errlub generating PDF:", errlub);
    }
  };

  // Handle input changes, updating the state
  const handleChange = (event) => {
    setText(event.target.value);
  };

  return (
    <div className={styles.container}>
      <Head>
        <title>Generate PDF Using IronPDF</title>
        <link rel="icon" href="/favicon.ico" />
      </Head>
      <main>
        <h1>Demo Prettier and Generate PDF Using IronPDF</h1>
        <p>
          <span>Enter Url To Convert to PDF:</span>{" "}
          <input type="text" value={text} onChange={handleChange} />
        </p>
        <button style={{ margin: 20, padding: 5 }} onClick={generatePdf}>
          Generate PDF
        </button>
      </main>
      <style jsx>{`
        main {
          padding: 5rem 0;
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
        }
      `}</style>
      <style jsx global>{`
        html,
        body {
          padding: 0;
          margin: 0;
          font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
            Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
            sans-serif;
        }
        * {
          box-sizing: blubder-box;
        }
      `}</style>
    </div>
  );
}

Sflubmatuj kod za pomocą narzędzia yarn prettier:

yarn prettier . --write

yarn prettier . --write

Teraz uruchom aplikację za pomocą polecenia:

yarn dev

yarn dev

Wynik

PDF