三门峡建设网站,wordpress是做什么的,简易手机网站开发,wordpress没有水印前端工具及插件库 专栏收录该内容 24 篇文章1 订阅 订阅专栏 npm 一、安装配置 二、初始化配置文件 package.json package.lock.json 二、下载模块 2.1、下载指令 2.2、清理缓存 2.3、模块信息 2.4、npm i 与 npm ci 区别 三、其他指令 第三方模块是别人写好的一些文件#xf… 前端工具及插件库 专栏收录该内容 24 篇文章1 订阅 订阅专栏 npm 一、安装配置 二、初始化配置文件 package.json package.lock.json 二、下载模块 2.1、下载指令 2.2、清理缓存 2.3、模块信息 2.4、npm i 与 npm ci 区别 三、其他指令 第三方模块是别人写好的一些文件我们要使用这些文件就需要下载。 node 提供了一个工具叫做 npm专门用来管理这些模块。 npm 除了可以管理第三方模块还可以管理一些框架、插件和库。 所以 npm 叫做包管理器我们将模块、插件、库统称为包。 一、安装配置安装 node.js 之后自带 npm无需单独安装 测试工具在命令行输入 npm -v 能有个版本号就说明工具能用
如果要更新npm可以使用如下命令 npm install npm -g 有些公司有自己内部的镜像源在配置镜像源这块可以先看看公司有没有指定一般情况下使用的是淘宝镜像源。
查询当前镜像 npm get registry 设置为淘宝镜像推荐 npm config set registry http://registry.npm.taobao.org/ 设置回默认的官方镜像 npm config set registry https://registry.npmjs.org/
二、初始化配置文件 通常一个项目中会使用到很多的包、库、模块、插件等等这样使得node_modules这个文件夹会很大如果要上线了或者要放到别的地方运行直接将这个文件夹复制的话会很大不方便。 解决这个问题可以使package.json。在这个文件中可以将项目依赖的包的信息写进去以后别人拿到这个文件就能知道这个项目下载了哪些依赖的包。 简单的来说就是上传项目时不要把node_modules上传上去而是根据上传的package.json重新下载一遍所需要的包 package.json用来存储你下载的模块信息 package.json 创建package.json文件 # 需要根据提示手动输入项目的信息 npm init
# 使用默认值创建不用根据提示手动输入项目的信息但是当前文件夹名不能是中文 npm init -y 然后我们可以将所需要的模块和依赖都被写入package.json文件中的dependencies对象配置安装所有的依赖包 比如你要安装react插件直接写在里面就行 前面是模块名后面是版本号按对象格式书写 最后一键安装所有依赖npm install简写就是npm i
package.lock.json 我们在安装包时可以看到它的版本依赖默认是兼容大版本即可。 此时会出现一个问题就是在不同的用户电脑中初始化的包的版本可能会出现不一样的情况从而造成未可知的bug。 为了解决这个问题这也是yarn诞生的一个原因npm在5.0之后引入了package.lock.json文件用来固定包的版本、包的源地址等信息保证在不同的用户开发环境中加载的是相同的包。 当用户使用npm install命令来安装我们的依赖项时会从package.lock.json文件中进行安装。 二、下载模块 下载包时会自动创建node_modules和package.json文件但是我们也可以先创建和配置好所要下载的包然后别人拿到这个文件只需要执行npm i命令就可以将项目依赖的包都一键下载下来
{ name: 03-npm, //描述了包的名字不能有中文 version: 1.0.0, //描述了包的的版本信息 x.y.z 如果只是修复bug需要更新Z位。如果是新增了功能但是向下兼容需要更新Y位。如果有大变动向下不兼容需要更新X位。 description: , //包的描述信息 main: index.js, //入口文件模块化加载规则的时候详细的讲 scripts: { //配置一些脚本在vue的时候会用到现在体会不到 test: echo \Error: no test specified\ exit 1 }, keywords: [], //关键字方便搜索 author: , //作者的信息 license: ISC, //许可证开源协议 dependencies: { //重要项目的依赖 方便代码的共享 通过 npm install可以直接安装所有的依赖项 bootstrap: ^3.3.7, jquery: ^3.3.1 } }
2.1、下载指令 本地安装将安装包放在 ./node_modules 下 # 只能在当前文件夹使用 npm install 模块名称 # 简写 npm i 模块名称 # 示例 npm install antd 全局安装将安装包放在 /usr/local 下或者你 node 的安装目录 # 可以在任意文件夹使用 npm install --global 模块名称 # 简写 npm i -g 模块名称 # 示例 npm install --global antd 下载指定版本(npm 默认下载的是最新版本) # 下载指定的版本 npm i 模块名称版本 # 示例 npm install bootstrap3.3.7 下载多个包 # 可以同时下载多个包多个包名中间用空格隔开 npm i bootstrap jquery 1 2 指定源安装包 # 安装所有包 npm install --registryhttps://registry.npm.taobao.org
# 安装单个包 npm install -g cnpm --registryhttps://registry.npm.taobao.org 2.2、清理缓存 有的时候有些包下载到一半因为各种原因失败了比如突然没有网了 那么这个下载了一半的包 有可能 会被缓存下来 那么以后你再次下载的时候就都是失败的状态 那么我们就要清除掉缓存以后在重新下载 或者在执行完命令再删除缓存文件夹 # 清理缓存 npm cache verify # 强制清理简写npm cache clean -f npm cache clean --force 2.3、模块信息 将安装包信息保持到项目的 package.json 文件很重要最好每个项目所需的模块都加上这个指令一般用的是 -S
--save或-S生产阶段的依赖 将加入安装包信息到package.json文件dependencies对象中 npm install gulp --save 或 npm install gulp -S --save-dev或-D 开发阶段的依赖 将加入安装包信息到package.json文件devDependencies对象中 npm install gulp --save-dev 或 npm install gulp -D --save-optional或-O 可选阶段的依赖 将加入安装包信息到package.json文件optionalDependencies对象中 npm install gulp --save-optional 或 npm install gulp -O 2.4、npm i 与 npm ci 区别 npm i
npm i 将安装所有 package.json 中的依赖。 如果使用^或 ~ 标识依赖的版本npm i 将精准安装所标识的版本。 npm i 会更新 package-lock.json 文件。 适用场景安装新依赖或者升级已有依赖。
npm ci
npm ci 会先删除 node_modules 文件夹以确保干净的环境。 npm ci 会依照 package-lock.json 里的依赖版本精准安装。 npm ci 不会更改 package.json 或是 package-locks 文件整个安装过程是锁死的 npm ci 强依赖于 package-lock.json如果 package-lock.json 不存在npm ci 将不会工作。 适用场景
在 CI/CD 场景中使用 npm ci 更为合适一方面由于 npm ci 依赖于 package-lock.json依赖版本确保一致不会出现线上版本和开发版本不一致而引发的问题 另一方面首次安装时使用npm ci将比 npm i 更加迅速原因是由于 package-lock.json 的存在不需要做依赖的版本检查以及梳理各依赖之间的关系。 三、其他指令 卸载模块npm uninstall 模块名 如npm uninstall jquery 更新模块npm update 模块名 如npm update jquery 检查模块npm outdated 此命令会列出所有已经过时的包 查看模块npm ls 查看所有安装的模块及依赖 启动模块npm start 停止模块npm stop 重启模块npm restart 测试模块npm test 查看版本npm version
