🤓
blog-article
  • Introduction
  • 面试题
    • 1. 输入url发生了什么
  • Personal Works
    • 1. 简单的Web图床
  • CSS动画笔记
    • 1.transition 属性
    • 2.transition 实例
  • css 笔记
    • 1. box-shadow 阴影
    • 2. columns 设置列宽和列数
    • 3. 伪元素after与before
  • html 笔记
    • 1. 不常用的h5标签杂记
  • webpack4
    • 1. 文档学习记录
    • 2. 加载CSS
    • 3. 加载less
    • 4. 加载sass
    • 5. 根据浏览器自动添加css前缀
    • 6. 图片文件处理
    • 7. 字体文件处理
    • 8. 引入jQuery
    • 9. 打包HTML文件
    • 10. 分离css插件
    • 11. babel简单使用
    • 12. 清理旧打包文件插件
    • 13. 拷贝静态资源
  • javascript
    • 1. js获取某年某月的天数
  • npm
    • 2. JSON.stringify()完整用法
    • 1. 入门篇
    • 2. 进阶篇
  • Node.js
    • 1. 使用koa-body中间件后ctx.request.body内容为空
    • 2. uni-app使用Node+Koa2接收上传的文件
  • SQL
    • 1. 查询
    • 2. 插入
    • 3. 修改
    • 4. 删除
    • 5. 期末复习
  • Git
    • 1. git add命令后出现another git process...问题
    • 2. 将文件从暂存区移除
  • vue-cli
    • 1. vue-cli(脚手架)引入vue.config.js文件后热更新失效,每次保存都会刷新页面
  • uni-app
    • 1. uni-app中不使用scroll-view组件,监听页面滑直底部事件
  • 设计模式
    • 创建型模式
    • 单例模式
    • 工厂模式
    • 抽象工厂模式
  • Spring boot
    • 1. 使用自定义参数注解获取 token 中User数据
  • IDEA
    • 1. 设置maven项目的默认配置
  • Linux
    • 1.常用命令
    • 2.常用基础命令2
    • 3.linux目录介绍
    • 4. vi编辑器使用
    • 5.用户管理
    • 6. 文件属性与权限操作
    • 7. 文件归档与解压缩
    • 8. gcc的基本用法
    • 9. gdb调试器的基本用法
    • 10. Makefile基本用法
  • shell
    • shell与crontab定时器的结合
    • 1. shell 变量与常见符号
    • 2. shell中的四则运算符
    • 3. 条件判断
    • 4. 输入输出
    • 5. 输出彩色的内容
    • 6. 流程控制
    • 7. 函数
  • Docker
  • 嵌入式系统给结构及原理
  • 学校课程笔记
    • 1. java EE 复习
    • 2. 马原复习论述题
    • 3. 嵌入式软件技术复习
    • 4. 嵌入式操作系统复习
    • 5. 马原选择题
    • 6. 马原辨析题
    • 7. 马原材料题
    • 8. 计网学习笔记
    • 9. 计网复习
      • 1. 第一章
Powered by GitBook
On this page
  • 创建package.json
  • 使用默认的
  • 修改默认配置信息
  • npm run 运行命令
  • 创建自定义 npm script
  • demo
  • 多个npm script 串行
  • 多个npm并行执行
  • 多命令运行
  • 参数传递
  • 调整日志输出
  • 显示尽可能少的有用信息
  • 显示尽可能多的运行时状态

Was this helpful?

  1. npm

1. 入门篇

创建package.json

npm init

使用默认的

npm init -y 或
npm init -f

修改默认配置信息

npm config set init.author.email "2604395430@qq.com"
npm config set init.author.name "wangshijun"
npm config set init.author.url "http://github.com/wangshijun"
npm config set init.license "MIT"
npm config set init.version "0.1.0"

npm run 运行命令

npm run command

command是scripts脚本中的key

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  }

如果不带任何参数执行 npm run,它会列出可执行的所有命令

npm 在执行指定 script 之前会把 node_modules/.bin 加到环境变量 $PATH 的前面,这意味着任何内含可执行文件的 npm 依赖都可以在 npm script 中直接调用,换句话说,你不需要在 npm script 中加上可执行文件的完整路径

创建自定义 npm script

demo

eslint代码风格检查工具 1. 用于测试代码

const str = 'some value';

function fn(){
    console.log('some log');
}
  1. 添加eslint依赖

    npm install eslint -D
  2. 初始化 eslint 配置

    ./node_modules/.bin/eslint --init

    根据提示完成风格配置

  3. 添加 eslint 命令

    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "eslint": "eslint *.js"
    }
  1. 运行

    npm run eslint

多个npm script 串行

使用&&分割多个指令 一个出错则终止后续命令执行

 "scripts": {
        "eslint": "eslint *.js",
        "serial": "npm run eslint && node index.js && node second.js",
    }

多个npm并行执行

使用&分割多个指令

"parallel": "npm run eslint & node index.js & node second.js",

多命令运行

  1. 安装依赖

    npm i npm-run-all -D
  2. 指令

npm-run-all command1 command2

"all": "npm-run-all eslint serial parallel"
  1. 并行执行多条同时运行的指令

npm-run-all --parallel command1 command2

"allparallel": "npm-run-all --parallel eslint serial parallel",

参数传递

npm run command -- paramContent

"eslint":"eslint *.js",
"param": "eslint *.js --fix"
npm run eslint -- --fix

等价于

npm run param

调整日志输出

显示尽可能少的有用信息

使用 --loglevel silent,或者 --silent,或者更简单的 -s 来控制

npm run test -s

显示尽可能多的运行时状态

使用 --loglevel verbose,或者 --verbose,或者更简单的 -d 来控制

npm run test -d
Previous2. JSON.stringify()完整用法Next2. 进阶篇

Last updated 5 years ago

Was this helpful?