模块安装及操作步骤
(1)在本地项目中基于npm安装第三方模块
1.在本地项目中,创建一个文件package.json文件;这个文件用来记录我们安装的第三方模块信息。或者配置一些可执行的脚本命令等。
基于yarm安装会默认生成一个配置清单,只有信息,但是没有手动生成的完全。
所以推荐npm安装:
命令:npm init -y
生成清单如下:
{
"name": "c_web", //模块名称
"version": "1.0.0", //版本号
"description": "", //模块描述
"main": "index.js", //模块主入口文件
"scripts": { //可执行脚本。以下为示例:
"dev": "webpack --mode development", //在开发环境打包
"build": "webpack --mode production" //在生产环境打包
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": { //生产依赖
"jquery": "^3.4.1"
},
"devDependencies":{ //开发依赖
}
}
它的主要作用就是,团队协助开发时候,别人从远程仓库拉取项目,知道该项目安装了哪些模块,按照package.json的
清单自行安装即可。(因为一般项目上传是不上传node_modules的,因为依赖库太多)
注意:配置清单,不要出现中文,可能识别不了。
(2)安装
开发依赖:只有在项目开发阶段依赖的第三方模块
npm install xxx --save 保存到配置清单的生产依赖中
生产依赖:项目部署实施的时候,也需要依赖的第三方模块
npm install xxx --save dev 保存到配置清单的开发依赖中
–dev 或者 --D 都是将组件安装到开发依赖当中
(3)部署的时候跑环境
当拿到一个新项目,并从仓库拉取下来。不存在依赖的情况下,只需要执行命令:
npm install 或者 yarn install即可。
因为npm会自动检索目录中是否有package.json文件,并按照文件中的清单依次安装。
如果没有,则什么都不安装。