一、npm
1.安装
解释:npm安装需要先安装nodejs,安装好nodejs附带安装好npm,但npm与nodejs并非同一个团队开发
步骤:
- 1.自行去官网安装nodejs
- 2.安装好后用通过一个简单的命令
node -v # 查看其版本号
,运行成功表示安装成功
2.npm基础配置
npm config list
:查看当前所有配置内容npm config get registry
:查看当前某一配置内容(此为npm下载库)npm config set registry https://registry.npm.taobao.org
:设置npm下载库(重要)npm config set cache "E:\\nodejs_place"
:设置缓存位置npm config set prefix "E:\\nodejs_place"
:设置包安装位置
3.构建项目、安装和卸载
3.1 构建项目
解释:其会创建package.json
文件,里面可以设置项目名字,版本号等等
代码:npm init -y
:y表示yes,如果不设置,npm会一步一步询问
3.2 安装
3.2.1 局部安装
解释:默认安装就是局部安装
npm i jquery #i表示install
:安装最新npm install gulp@3.9.1
:安装指定版本npm install git://github.com/package/path.git
:安装github上的内容(不推荐)
3.2.2 全局安装
解释:全局安装就到了npm config get prefix
配置的目录
代码:npm i jquery -g #-global
3.2.3 开发环境安装
解释:某些内容如webpack、Less(css预处理器)这些只是开发阶段用的内容,就需要把它们安装到开发环境
npm i webpack -D #D表示--save-dev
:
3.2.4 生产环境安装
解释:某些内容如vue、jquery这些是真实生产环境里面需要的依赖需要安装到生产环境配置里面
npm i vue -S # S表示--save
3.3 卸载
代码:npm uninstall <name> [-g]
4.package.json与package-lock.json
4.1 package.json
解释:里面包含如项目名、版本号、开发依赖和生产依赖等等,更重要的是模糊写着版本号,其控制着npm update <name>
更新信息(每个更新根据版本号命名原则,都会只更新到该大版本最新。比如现在项目里面是vue2,再怎么更新,只要package.json的vue前面是^
,就算vue3已经推出也只能更新到vue2最新版)
参数:
^
:锁定大版本号,比如是^6.2.2,会匹配所有6.x.x的版本,更新的时候会下载最新的版本号~
:锁定前面两个版本号,比如是^6.2.2,会匹配所有6.2.x的版本,更新的时候会下载最新的版本号*
:安装最新的版本号
4.2 package-lock.json
解释:package.json模糊写着版本号等信息,但package-lock.json准确写着版本号;其里面已经存在插件的版本、下载地址、整个node_modules的结构等信息
5.npm命令[执行脚本]
-
构建:
npm init -y
-
本地安装:
npm install
-只要存在package.json与package-lock.json就会根据他们快速下载依赖(这样能实现工作环境的快速迁移) -
安装:
npm i <name> <-D/-S>
-此安装单独的包(可能包里有其它依赖) -
执行脚本:
npm run 命令
-package.json的scripts脚本上写着 -
查询已经安装包:
npm list
-
卸载:
npm uninstall <name>
-
更新:
npm update <name>