NPM 使用介绍
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
- 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
- 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
- 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
可以通过输入 "npm -v" 来测试是否成功安装。 命令提示窗口 出现版本号
淘宝镜像命令: https://registry.npm.taobao.org
创建文件夹
1.创建文件父文件 node_models
2.创建两个子文件夹
node_cache
node-modules
3.打开终端 运行以下两条命令
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
4.配置一个镜像网站(可以提升速度):
npm config set registry=http://registry.npm.taobao.org
5.删除淘宝镜像:npm config set registry https://registry.npmjs.org
6.输入命令npm config list 显示所有配置信息
7.打开c盘 查看文件目录 .npmrc 查看是否成功配置三个路径
注意
注意,此时,默认的模块D:\nodejs\node_modules 目录
将会改变为D:\nodejs\node_global\node_modules 目录,
如果直接运行npm install等命令会报错的。
我们需要做1件事情:
1、增加环境变量NODE_PATH 内容是:D:\nodejs\node_global\node_modules
一、测试NPM安装vue.js
命令:npm install vue -g
这里的-g是指安装到global全局目录去
二、测试NPM安装vue-router
命令:npm install vue-router -g
运行npm install vue-cli -g安装vue脚手架
对path环境变量添加D:\nodejs\node_global
win10以下版本的,横向显示PATH的,注意添加到最后时,不要有分号
重新打开CMD,并且测试vue是否使用正常
注意,vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,
他的配置并不全放在根目录下的 webpack.config.js 中
NPM 常用命令
除了本章介绍的部分外,NPM还提供了很多功能,package.json里也有很多其它有用的字段。
除了可以在[npmjs.org/doc/](https://npmjs.org/doc/)查看官方文档外,这里再介绍一些NPM常用命令。
NPM提供了很多命令,例如install和publish,使用npm help可查看所有命令。
- NPM提供了很多命令,例如`install`和`publish`,使用`npm help`可查看所有命令。
- 使用`npm help <command>`可查看某条命令的详细帮助,例如`npm help install`。
- 在`package.json`所在目录下使用`npm install . -g`可先在本地安装当前命令行程序,可用于发布前的本地测试。
- 使用`npm update <package>`可以把当前目录下`node_modules`子目录里边的对应模块更新至最新版本。
- 使用`npm update <package> -g`可以把全局安装的对应命令行程序更新至最新版。
- 使用`npm cache clear`可以清空NPM本地缓存,用于对付使用相同版本号发布新版本代码的人。
- 使用`npm unpublish <package>@<version>`可以撤销发布自己发布过的某个版本代码。
网页跟代码自动更新
下载nodemo : npm install
nodemon + 运行代码名称
img-yGxeoDaY-1630033283642)]
下载nodemo : npm install
nodemon + 运行代码名称