ubuntu下js如何使用第三方库
在 Ubuntu 环境下开发 JavaScript 项目,难免要引入第三方库。这事儿其实就两条路:要么用包管理器(npm 或 yarn)本地安装,要么直接在 HTML 里通过 CDN 引用。下面把这俩方法掰开揉碎了讲清楚。 方法一:用 npm 或 yarn(推荐) 先确认你的系统里装了 Node.j
在 Ubuntu 环境下开发 JavaScript 项目,难免要引入第三方库。这事儿其实就两条路:要么用包管理器(npm 或 yarn)本地安装,要么直接在 HTML 里通过 CDN 引用。下面把这俩方法掰开揉碎了讲清楚。

方法一:用 npm 或 yarn(推荐)
先确认你的系统里装了 Node.js 和 npm。没装的话,去 Node.js 官网下载安装包,一路下一步就行。然后打开终端,进到你的项目目录。如果还没项目,先建一个:
mkdir my_project
cd my_project
接下来初始化项目,生成 package.json 文件,这个文件就是项目的“依赖清单”:
npm init -y
或者用 yarn 的话:
yarn init -y
然后装库。比如要装 Axios(一个很流行的 HTTP 请求库),跑一句命令:
npm install axios
或者用 yarn:
yarn add axios
装完之后,在 JavaScript 文件里引用它。用 npm 的话,用 require 引入;用 yarn 的话,用 import 引入。举个例子,在 index.js 里写:
// 对于 npm
const axios = require('axios');
// 对于 yarn
import axios from 'axios';
// 然后就可以直接用 Axios 发请求了
axios.get('https://api.example.com/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
注意:用 import 语法需要在 package.json 里设置 "type": "module",或者用 .mjs 后缀,否则会报错。不过现在大部分项目都默认 CommonJS 模块,所以 require 是最稳妥的。
方法二:通过 CDN 引入库
不想装包?简单。直接在 HTML 文件里加一个 标签,引用 CDN 地址。比如同样引入 Axios:
然后在这个 标签后面,再写一个 标签放你的代码。因为 CDN 加载的库会暴露到全局作用域,所以直接调用 axios 就行:
CDN 方案的好处是零配置,适合快速原型或者简单的静态页面。但缺点也很明显:依赖网络,而且版本管理不如 npm 方便。生产环境还是建议用本地安装。
总而言之,在 Ubuntu 下用 JavaScript 搞第三方库,无非就是这两条道。小项目或临时测试用 CDN,正规项目用 npm 或 yarn,看你的场景选就行。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。















