美文网首页
npm 应用基础

npm 应用基础

作者: WAchong | 来源:发表于2017-08-02 17:14 被阅读0次

1. 什么是 npm?

npm 一开始是 node 的包管理工具,用于管理 packages (包) 或者也叫 modules (模块),后来发展成为了前端自动化的利器。

2. 安装 Node.js 和 npm

由于 npm 是 node 的一部分,因此需要安装 Node.js (下载) ,无论是windows,Mac 还是 Linux 系统均可下载对应的安装包进行安装。安装完成后,你的电脑上就有了 node 和 npm。可以通过如下命令查看 Node.js 版本:

// 命令行 输入:
node --version
// 或者简写形式:
node -v

也可以通过如下命令查看 npm 版本:

// 命令行 输入:
npm --version
// 或者简写形式:
npm -v

3. 升级 npm

由于 npm 的更新频率比 Node.js 要高,所以如果你想一直保持你的 npm 是最新版本,你可能需要运行以下命令行进行升级:

// 命令行 输入:
npm install npm@latest -g

4. 通过 npm 安装 package

Package,又称为 module,是别人写好并公开发布在 npm 上的一个 js 模块,用于实现某个特定的功能。你可以在 npm 官网 搜索 packages。
安装包分为本地安装和全局安装两种方式。

本地安装是指把 package 安装到当前命令行所操作的文件夹,通过本地安装成功的 package 文件会保存在当前目录下的 node_modules 文件夹里;
全局安装是指把 package 作为一个全局变量安装,你可以在任何目录下通过命令行访问或使用它,通过全局安装成功的 package 文件会保存在 npm 数据目录下的 node_modules 文件夹里。

如果你只是想在项目中通过引用的方式(比如,import 或者 require)使用这个包,你应该进行本地安装,即将该包安装在项目文件夹内。如果你一个你想在命令行中使用这个包(比如
babel-cli 或者 less),你应该进行全局安装。本地安装是 npm 安装的默认方式,如果需要全局安装,需要在安装命令后加入 -g 选项。

本地安装语法 npm install [package]
全局安装语法 npm install [package] -g 或者 npm install -g [package]

例如,我们要在本地安装一个 jquery 模块,并在全局安装一个 less 解析包

// 命令行 输入:
npm install jquery
npm install -g less

一般我们在项目中安装类似于 jquery 这样的包,会在命令行后加入 --save-dev 选项,表示:安装 jquery-1.11.3,并将设置为本项目的依赖项。

// 命令行 输入:
npm install jquery@1.11.3 --save

相关文章

  • npm 应用基础

    1. 什么是 npm? npm 一开始是 node 的包管理工具,用于管理 packages (包) 或者也叫 m...

  • npm

    1. windows -g 全局安装 更新 npm npm install npm -g 基础命令 list 命令...

  • gulp-自动化工具

    创建gulp 基于npm的基础使用gulp,需先更新npm npm install -g npm 全局安装gulp...

  • NPM基础

    NPM? Install Node & NPM Node Version Control n / nvm / nv...

  • npm基础

    npm 如何查看一个包的版本信息? 查看 npmjs 服务器上包的版本信息: 使用npm view jquery ...

  • Vue学习第一天

    基础知识 node 安装 Node(傻瓜式安装) npm基础 npm 之于 Node.js ,就像 pip 之于 ...

  • 第二天_vue环境搭建以及vue-cli使用_Vue.js2.0

    vue 多页面应用文件引用 直接链接引用 npm安装 vue-cli 构建SPA应用 npm install -g...

  • npm基础知识和命令

    记录汇总npm基础知识和命令,拯救我的鱼记忆 npm是什么? npm全称Node Package Manager,...

  • Echarts图表——词云

    1、依赖插件 基础图表: npm install echarts词云插件: npm install echarts...

  • --webpack

    一、基础 1、功能 2、安装 npm安装 brew install npmwebpack安装: npm insta...

网友评论

      本文标题:npm 应用基础

      本文链接:https://www.haomeiwen.com/subject/jkselxtx.html