安装 jquery npm - Shell-Bash (1)

📌 相关文章

📜 安装 jquery npm - Shell-Bash (1)

📅 最后修改于: 2023-12-03 15:09:24.038000 🧑 作者: Mango

安装 jQuery for npm - Shell/Bash

jQuery 是一种广泛使用的 JavaScript 库，使编写 JavaScript 更加方便，减少代码量，提高效率。而 npm (Node Package Manager) 是 Node.js 用于管理包的标准软件包管理器。这篇教程将展示如何使用 Shell/Bash 在 npm 中安装 jQuery。

步骤

打开终端 (MacOS 或 Linux) 或命令提示符 (Windows)。
进入你的文件夹或项目目录，使用 cd 命令。例如：
```
cd path/to/your/project
```
使用 npm install 来安装 jQuery 包：
```
npm install jquery
```
如果一切顺利，npm 会下载并安装 jQuery 包及其所有依赖项。

验证安装

为确保 jQuery 已经成功安装，可以在你的项目中创建一个新文件，例如 index.html，并将以下代码粘贴到文件中：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Testing jQuery Installation</title>
  </head>
  <body>

    <h1>Hello World!</h1>
    
    <script src="./node_modules/jquery/dist/jquery.min.js"></script>
    <script>
      $('h1').click(function() {
        alert('jQuery is working!');
      });
    </script>

  </body>
</html>

在项目根目录下运行以下命令以启动本地服务器：

npm install -g http-server
http-server

在浏览器中访问 http://localhost:8080/index.html，然后单击标题 "Hello World"。如果 jQuery 有效，则弹出一个小窗口显示 "jQuery is working!".

总结

在这篇教程中，我们学习了如何使用 Shell/Bash 在 npm 中安装 jQuery，并验证安装是否成功。现在你可以在你的项目中使用 jQuery 来更高效地编写 JavaScript 代码。