npm是一个包管理工具,相当于后端开发中的maven,存放着各种各样的前端开发包,对npm来说,万事万物皆是包,开发工具是包,插件也是包,使用npm安装命令,会在远程仓库查找要安装的包,如果有则下载,没有则报错。node.js是一个可以运行前端程序的服务器,内置npm作为包管理器,安装了node.js就安装了npm。学习Vue必备npm和node.js。
下载安装Node.js
Win10直接下载最新的16.18.0LTS(Long Term Support长期支持)版本即可,Win7只支持13.14.0及其以下版本,但是13.14.0不是LTS版本,所以建议下载12.22.12版本。由于官网下载速度慢,可以从阿里云镜像下载,速度较快:https://registry.npmmirror.com/binary.html?path=node/
package.json
package.json是一个json文件,包含了项目的配置信息,一般不需要手动创建,使用Vue CLi创建项目会自动生成package.json文件,一般了解scripts、dependencies、devDependencies的作用即可。
scripts节点中是npm的命令,比如serve,可以使用npm run serve运行项目;build,可以使用npm run build打包项目。像"serve" 、"build"这些键是可以自己修改的,当我们使用npm运行这些命令时,实际上是执行的这些键对应的值代表的命令。
dependencies节点中是项目开发和运行所依赖的包,使用npm run build打包项目也会包含这些包。
devDependencies节点中是项目开发所依赖的包,使用npm run build打包项目,这些包就会被自动排除掉。
npm全局安装和本地安装
全局安装命令:
npm install xxx -g 或 npm i xxx -g
通常用于安装作为命令行工具的包,一台电脑只安装一个,下载的包一般存放目录为
C:\Users\Administrator\AppData\Roaming\npm\node_modules。
本地安装命令:
npm install xxx 或 npm i install xxx
用于安装项目所需要用到的包,下载的包存放在项目的node_modules文件夹中,每新建一个项目都需要安装一次。
本地安装的包又分为开发依赖包和生产依赖包,开发依赖包仅用于项目开发阶段使用,项目运行不需要使用,生产依赖包在开发和运行阶段都需要使用。
本地安装生产依赖包:
npm install xxx
npm install xxx --save 或 npm install xxx -S
自动保存到package.json的dependencies节点中,老版本的本地安装生产依赖包需要加 --save 或 -S,现在不需要了
本地安装开发依赖包:
npm install xxx --save -dev 或 npm install xxx -D
--save -dev自动保存到package.json的devdependencies节点中
npm其他常用命令
安装特定版本的包:
npm install xxx@版本号
不加@版本号则默认安装最新版本
安装package.json中的所有依赖包:
npm install
项目从git上下载下来是没有依赖的包的,需要安装所有依赖包才能跑起来
更新已经安装的包:
npm update xxx
卸载已经安装的包:
npm uninstall xxx 或 npm uninstall xxx@版本号
查看npm仓库地址:
npm config get registry
设置仓库地址为淘宝镜像:
npm config set registry https://registry.npm.taobao.org