一个新项目的开始流程
1.创建项目文件夹
2.把它作为一个新的仓库进行代码管理(可在文件目录下执行$ git init创建一个 git 仓库,或者基于$ git clone <仓库地址>把远程仓库克隆下来即可)
3.初始化模块配置清单 package.json:$ npm init -y
4.安装所需模块:$ npm i xxx(比如 jquery、bootstrap、less…)
5.开始正常开发,开发中可能还需要在本地配置命令去完成一些功能(例如使用 jest 写单元测试,此时需要配置 npm 可执行命令)
"scripts"{
"test":"jest"
"xxx":"xxx"
...
}
6.开发中我们还需要基于 git 把文件进行管理:生成对应历史版本
提交到暂存区、历史区、远程仓库的时候,我们还需要创建一个.gitignore 文件忽略项目中无需提交和处理的文件,(例如:node_modules、*.log、.DS_Store…)
需要编译时,执行$ npm run (test)xxx
7.由于每次 git 提交时我们不会去提交 node_modules,所以团队协作开发中,我们每当拉下项目后,都需要“跑环境”:执行$ npm install,按照项目中的 package.json 中的依赖项信息,安装一遍缺失模块
基于 npm 进行模块管理
npm install xxx 把模块安装在当前项目中(node_modules)
npm install xxx -g 把模块安装在全局环境中
npm i xxx@1.0.0 安装指定版本号的模块
npm view xxx version > xxx.version.json 查看某个模块的版本信息(输出到指定的JSON文件中)
npm init -y 快速初始化当前项目的配置依赖清单(项目名称不能出现中文、特殊符号、大写字母)
npm i xxx --save 把模块保存在清单生产依赖项中
npm i xxx --save-dev 把模块保存在清单开发依赖中
npm install 跑环境,按照清单安装所需的模块
npm root -g 查看全局安装模块的目录
npm uninstall xxx 卸载安装过的模块
全局安装:可提供直接执行的“命令”对任何项目进行操作
本地安装:可以直接在项目中倒入进来使用,默认不能基于命令来操作,但可基于 package.json 中的 scripts,配置一些 npm 可以执行命令,配置后通过$ npm run xxx运行
dependencies:生产依赖模块(开发和项目部署的时候都需要)
devDependencies:开发依赖模块(只有开发的时候需要)
scripts:配置本地可执行命令