在公司中,我们大部分都是多人共同开发和长时间维护一个项目,但是有时候我们会发现有很多已经废弃的npm 包存在 package.json 中,我们想要删除,但是又不能盲目的删除?那么 depcheck 它来了。
如何使用呢
第一步
全局安装:
npm install depcheck -g
第二步
项目更目录下执行 depcheck (这里拿我们自己的项目来做的测试),执行之后,根据自己得到的结果人工删除即可
D:\1229\ph_bdsp2-small\small_client>depcheck
Unused dependencies
* codemirror
* connect
* file-saver
* js-beautify
* jszip
* sortablejs
* vue-cropper
* vue-echarts
* vue-image-crop-upload
* vue-splitpane
* vuedraggable
* wangeditor
* xlsx
Unused devDependencies
* @babel/parser
* @babel/register
* @vue/cli-plugin-babel
* @vue/cli-plugin-eslint
* @vue/cli-plugin-unit-jest
* @vue/test-utils
* autoprefixer
* babel-eslint
* babel-plugin-dynamic-import-node
* babel-plugin-transform-remove-console
* chalk
* chokidar
* connect
* html-webpack-plugin
* http-proxy-middleware
* sass
* sass-loader
* script-ext-html-webpack-plugin
* script-loader
* serve-static
* svg-sprite-loader
Missing dependencies
* highlight.js: .\src\main.js
* @crud/crud: .\src\views\user\index.vue
* @crud/CRUD.operation: .\src\views\user\index.vue
* @crud/Pagination: .\src\views\user\index.vue
* @crud/RR.operation: .\src\views\user\index.vue
* @crud/UD.operation: .\src\views\user\index.vue
* @crud/AM.operation: .\src\views\tableQuery\libstatus\libstatus.vue
常用命令:
npm install 安装模块
npm uninstall 卸载模块
npm update 更新模块
npm outdated 检查模块是否已经过时
批量更新依赖;
【npm 常用命令】第一步全局安装:
npm install -g npm-check-updates
第二步运行:
ncu -u
作用:升级 package.json 文件的 dependencies 和 devDependencies 中的所有版本
第三步更新:
npm update
作用:package-lock.json 文件会被新版本填充
sublime text3 同时编辑多行
两步操作:
- Ctrl + A
- Ctrl + Shift + L
推荐阅读
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- 接口|axios接口报错-参数类型错误解决
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- vue|Vue面试常用详细总结
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()
- css|css三角的做法及其案例