如果你在日常工作流程中使用到NPM ,我相信这篇文章所介绍的提示和技巧会对你有帮助的
卸载 package(包)
如果你不想打开 package.json 文件并从那里手动删除依赖项,则可以使用以下命令将其删除:
npm uninstall vue
这将从 node_modules 文件夹和 package.json 文件中删除该包。 当然,你可以使用 rm , un 或 r 来实现相同的效果,例如:
npm rm vue
如果由于某种原因你只想从 node_modules 文件夹中删除包文件,但仍然将其作为依赖项保存在 package.json 文件中,则可以使用 --no-save 参数:
npm rm vue --no-save
列出依赖项
如果要查看项目依赖项列表,可以使用
npm ls
这将列出 package.json 文件中所有的依赖项以及它们的所有依赖项。 如果你只想列出你的依赖项,你可以这样做
npm ls --depth=0
这将打印出这样的东西:
├── jquery@3.3.1├── vue@2.5.17└── yarn@1.12.3
当然,如果要查看所有全局安装的包的列表,可以使用 -g 标志
npm ls -g -depth 0
运行测试
你可以使用 npm run tests 运行测试,但你可以用 npm test 甚至更简短的 npm t 代替。
显示可用的 script
有时,我们希望查看 package.json 文件中包含的脚本。 我们当然可以打开 package.json 文件,但我们也可以这样做:
npm run
如果在 package.json 文件中有这样的配置,如下所示:
"scripts": { "test": "jest", "build": "gulp build"}
那么 npm run 命令将显示以下内容:
Lifecycle scripts included in npm: test jestavailable via `npm run-script`: build gulp-build
从 Github 仓库安装 package(包)
你可以直接从 Github 仓库安装一个包:
npm i https://github.com/sindresorhus/gulp-debug
或者你可以省略域名部分
npm i sindresorhus/gulp-debug
打开包的 Github 页面
你当然可以通过 Google 搜索,然后查找该页面,或者你可以执行以下操作:
npm repo create-react-app
无需安装软件包即可执行上述命令。
列出所有可用的 NPM 环境变量
你可以通过运行以下命令来查看可供我们使用的 NPM 变量的完整列表:
npm run env | grep npm_
上面的命令将打印如下内容:
npm_config_fetch_retry_maxtimeout=60000npm_config_tag_version_prefix=vnpm_config_strict_ssl=truenpm_config_sso_type=oauth...
这些变量的好处是它们可以在你的脚本中使用,你甚至可以创建自己的 NPM 环境变量,让我们看看如何创建。
添加自己的 NPM 变量
你可以通过向 package.json 文件添加自己的 NPM 变量。 它可以是任何 key,但我更喜欢将所有 NPM 变量放在 config key 中,以保持结构有序。 像这样:
"config": { "build_folder":"./dist" }
现在,如果你使用前面讨论的命令 npm run env | grep npm_ 列出你的变量,你会看到你的新变量在那里:
npm_package_config_build_folder=./distnpm_config_fetch_retry_maxtimeout=60000npm_config_tag_version_prefix=vnpm_config_strict_ssl=truenpm_config_sso_type=oauth...
默认情况下,npm 会将你的变量命名以 npm_package 为前缀,并保持其在 package.json文件中的结构,即 config_build_folder 。
在 NPM script 中使用 NPM 变量
一旦你看到了完整的变量列表,并且你希望在 script 中使用这些变量中的任何一个的值,那么你就可以在 package.json 中执行此操作(请参阅上一节中变量 npm_package_config_build_folder 的值)
"scripts": { "build": "gulp build --dist $npm_package_config_build_folder"}
一旦你用 npm run build 运行这个命令,它将被执行为
bash 代码:
gulp build --dist ./dist
总结:以上就是有关NPM 的一些有用的提示和技巧,希望对大家有所帮助。