项目流程


一个新项目的开始流程

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:配置本地可执行命令


文章作者: Burton
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Burton !
  目录