npm简单使用

1.介绍

1.1 包管理器(Package Manager)

npm 最初它只是被称为 Node Package Manager，用来作为Node.js的包管理器。但是随着其它构建工具(webpack、browserify)的发展，npm已经变成了 “the package manager for JavaScript”，它用来安装、管理和分享JavaScript包，同时会自动处理多个包之间的依赖。

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：

• 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
• 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
• 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

1.2 下载

Node.js官网下载地址

1.3 安装

1.双击进行安装





2.查看版本，若能显示，则安装正常

2.使用

2.1 配置模块路径和cache路径

1.创建两个目录，node_global node_cache

2.执行配置命令
如果不进行这一步设置，npm的全局安装包，将不会在node安装文件夹里。
npm config set prefix "D:\ProgramInstall\nodejs\node_global"
npm config set cache "D:\ProgramInstall\nodejs\node_cache"
npm list -global

2.2 配置远程仓库

输入命令npm config set registry=http://registry.npm.taobao.org 配置镜像站

2.3 下载指定版本包

1.查看组件版本 npm view jquery versions

2.下载 npm install jquery@3.4.1

由于我们没有指定地方，则在哪个文件夹下执行命令，就会在这个文件夹下生成模块文件，如图

2.4 项目

如何导入GitHub下的vue项目 并启动

比如我们在github上看到一个前端开源项目，其中涉及到npm的管理，那么我们就可以把代码下载下来后，使用npm来管理相关依赖，然后通过编译生成相关静态文件和模块

1.下载码云源代码

2.运行 npm install，根据packge包的依赖下载依赖文件

执行过程中，可能有些包下载不了，那么需要附加仓库地址
npm install --registry=https://registry.npm.taobao.org

3.当所有依赖都下载完成后，需要执行编译
npm run build 但执行过程中，可能 node-sass死活安装不上 ，这是因为安装的路径是从外网下载的，一般都会卡在这里

4这个时候，先执行npm uninstall node-sass 卸载掉之前没成功的，然后再执行
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ 这个，进行安装，安装的时候，若有版本要求，则需要指定版本

5.若上一步已经成功了，则可以再次重新编译一遍

6.编译成功后，可以看到dist文件生成，这个里就包含了js和css文件

7.然后我们就可以直接引用他们，编辑html,然后展示出来

  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <link href="../dist/jsoneditor.css" rel="stylesheet" type="text/css">
  <script src="../dist/jsoneditor.js"></script>

还可以根据开源软件里的例子进行选择搭配使用

2.5 码云在线部署

1.先在码云上创建一个项目仓库，如图：

2.创建pages服务

http://cfmcode.gitee.io/jsoneditor-on-line

参考

npm安装教程

npm详细教程

npm 安装详细教程(cnpm)

码云Pages

问题

1. ‘npm’ 不是内部或外部命令，也不是可运行的程序

本人使用的是IDEA，通过terminal执行 npm -v ，报不存在，那么查看一下当前cmd用户是谁，如图

那么去hp环境变量看看，如图：


如上图发现，什么也没有，这是因为我安装的时候，是安装在D盘的，所以我们要给hp这个用户重新配置一下node的环境变量，如图

echo %path% 查看path内容，发现path里并没有我们配置的环境变量

重启IDEA后，再次查看也没有，那么就只有重启电脑，重启电脑后，运行正常了

idea中执行“npm”命令，提示’node’ 不是内部或外部命令，也不是可运行的程序

2.windows系统node-sass安装报错终极解决办法

参考

3.node.js 解决 npm ERR! code ENOSELF npm ERR! Refusing to install package with name “art-template” under

参考