JavaScript >> Javascript 文檔 >  >> Tags >> npm

教程:創建一個 NPM 驅動的網站

幾週前,開發人員用來為流行的客戶端庫查找和下載插件的 jQuery 插件網站被切換到只讀模式。現在鼓勵開發者使用 npm 發布和搜索 jQuery 插件。

這展示了 npm 如何成為 JavaScript 社區的中心。它最初是作為 node.js 的包管理器出現的,但很快證明它對任何類型的 JavaScript 代碼都具有通用性,開發人員也開始使用它來託管客戶端庫。

在本教程中,我們將向您展示如何使用 npm 開發小型 Web 應用程序。我們將從頭開始 - 我們將設置一個 package.json,安裝一堆庫並讓它們很好地協同工作。

如何通過 npm 安裝和使用客戶端庫

有兩種方法可以做到這一點。我們將使用更簡單的,它非常適合小型網站和應用程序:

  1. 我們將使用 npm 安裝我們需要的庫。你可以在這裡看到一堆 jQuery 插件。要安裝其中一個,請運行命令 npm install <package-name> --save
  2. npm 創建 node_modules 文件夾並將庫放在那裡。
  3. 在我們的 HTML 文件中,我們直接從帶有
    下一篇
    No
Tutorial JavaScript 教程
  1. 如何將文本框中的文本傳遞給 JavaScript 函數?

  2. 快速閱讀:JS 基金會

  3. 🚀 GitHub 上面向 Web 開發人員的 10 個熱門項目 - 2021 年 1 月 22 日

  4. 讓我們建立一個貨幣交易所第一部分

  5. 提取 Javascript 數字的指數和尾數

  6. 如何使用 Vue.js 和 Socket.io 創建 2D 多人遊戲

  7. 在表中搜索

  1. 使用 JSON Web 令牌保護您的 IoT 設備和服務

  2. 使用 MockBackend 開發沒有後端的 Angular 應用程序

  3. 用於分散網絡的 JS (Svelte) 應用程序的貢獻者

  4. VueJS 問題

  5. JavaScript 函數返回多個值 |使用數組示例

  6. 如何在 React 中獲取輸入元素的值

  7. React 02 簡介:使用 Marked 庫添加 Markdown 功能

  1. Docker 101:在 2020 年與 NodeJS 一起使用! 📦🙌(實用指南)

  2. 兩個數字之間的 JavaScript 隨機數

  3. 記錄賽普拉斯自定義命令

  4. 沒有人告訴你關於參加編碼訓練營的 5 件事