Install packages from a package.json file

PHOTO

Wed Apr 05 2023 16:37:49 GMT+0000 (Coordinated Universal Time)

Saved by @khdevtt ##khdevtt

pnpm install

Save snippets that work from anywhere online with our extensions

Available in the Chrome Web Store

Get Firefox Add-on

Get VS Code extension

Comments

More like this

PNPM

@khdevtt

Install pnpm globally Set up the PATH environment variable to your .bashrc or .zshrc file (Mac/Linux) Set up the PATH environment variable to your Path environment variable (Windows) Edit the .npmrc file in your project directory Install packages Install packages from a package.json file Update packages Remove packages Run scripts from package.json

Install pnpm globally

npm install -g pnpm

Set up the PATH environment variable to your .bashrc or .zshrc file (Mac/Linux)

export PATH="$HOME/.pnpm-global/bin:$PATH

Set up the PATH environment variable to your Path environment variable (Windows)

%USERPROFILE%\.pnpm-global\

Edit the .npmrc file in your project directory

shared-workspaces = true

Install packages

pnpm install [package name]

Install packages from a package.json file

pnpm install

Update packages

pnpm update

Remove packages

pnpm remove [package name]

Run scripts from package.json

pnpm run [script name]

Sample Header Code HTML

<!--  =====>> Header <<===== -->
    <header class="header">
      <!--   container -->
      <div class="container mobile">
        <!--   logo -->
        <a href="index.html" class="logo">
          <img src="#" alt="Real Estate Logo" />
        </a>
        <!--   /logo -->

        <!--   main nav -->
        <nav class="main-nav">
          <ul class="nav-list">
            <li><a href="#home" class="nav-link active">Home</a></li>
            <li><a href="#agents" class="nav-link">Agents</a></li>
            <li><a href="#features" class="nav-link">About us</a></li>
            <li><a href="#property" class="nav-link">Listings</a></li>
            <li><a href="#" class="nav-link">Blog</a></li>
          </ul>
        </nav>
        <!--   /main nav -->

        <!--   nav cta -->
        <div class="nav-btns">
          <a href="" class="btn btn--link">Sign in</a>
          <a href="" class="btn btn--primary">Sign up</a>
          <a href="#" class="mobile-btn">
            <ion-icon
              name="lock-open-outline"
              class="mobile-icon signin-icon"
            ></ion-icon>
          </a>
          <a href="#" class="mobile-btn">
            <ion-icon
              name="log-in-outline"
              class="mobile-icon signup-icon"
            ></ion-icon>
          </a>
        </div>
        <!--   /nav cta -->

        <!--   hamburger -->
        <div class="hamburger">
          <div class="line1"></div>
          <div class="line2"></div>
          <div class="line3"></div>
        </div>
        <!--   /hamburger -->
      </div>
      <!--   /container -->
    </header>
    <!--  =====>> /Header <<===== -->

Browse more snippets >>