npx教程

简介: npx教程

npx 主要用于调用项目内部安装的模块,若本地找不到模块,就会下载同名模块。

比如,本地没有安装http-server模块,下面的命令会自动下载该模块,在当前目录启动一个 Web 服务。

npx http-server

安装(通常安装了node.js即可使用)

npm 从5.2版开始,增加了 npx 命令,万一不能用,就要手动安装一下。

npm install -g npx

使用场景一:调用项目内部安装的模块

如使用npm安装了插件Mocha ,查看Mocha的版本,需用命令

# 项目的根目录下执行
node-modules/.bin/mocha --version

改用npx

npx mocha --version

即npx可以直接调用项目内部安装的模块!

使用场景二:避免全局安装模块

默认  create-react-app 这个模块是全局安装

npx create-react-app my-react-app

npx 将create-react-app下载到一个临时目录,使用以后再删除。以后再次执行上面的命令,会重新下载create-react-app

使用场景三:执行 GitHub 源码

 
# 执行 Gist 代码
$ npx https://gist.github.com/zkat/4bc19503fe9e9309e2bfaa2c58074d32
 
# 执行仓库代码
$ npx github:piuccio/cowsay hello

注意,远程代码必须是一个模块,即必须包含package.json和入口脚本。

使用场景四:使用不同版本的 node

利用 npx 可以下载模块这个特点,可以指定某个版本的 Node 运行脚本

 
$ npx node@0.12.8 -v
v0.12.8

上面命令会使用 0.12.8 版本的 Node 执行脚本。原理是从 npm 下载这个版本的 node,使用后再删掉。

某些场景下,这个方法用来切换 Node 版本,要比 nvm 那样的版本管理器方便一些。

--no-install参数——强制使用本地模块,不下载远程模块

npx --no-install 模块名

--ignore-existing参数——忽略本地的同名模块,强制安装使用远程模块

npx --ignore-existing 模块名

-p 参数——指定 npx 所要安装的模块

 
$ npx -p node@0.12.8 node -v 
v0.12.8

上面命令先指定安装node@0.12.8,然后再执行node -v命令。

-p参数对于需要安装多个模块的场景很有用。

 
$ npx -p lolcatjs -p cowsay [command]

-c 参数 —— 所有命令都用 npx 解释

  • 功能1:将所有命令都用 npx 解释
  • 功能2:将环境变量带入所要执行的命令

例如执行下方命令,只有第一个可执行项会使用 npx 安装的模块,后面的可执行项还是会交给 Shell 解释。

 
$ npx -p lolcatjs -p cowsay 'cowsay hello | lolcatjs'
# 报错

上面代码中,cowsay hello | lolcatjs执行时会报错,原因是第一项cowsay由 npx 解释,而第二项命令localcatjs由 Shell 解释,但是lolcatjs并没有全局安装,所以报错。

改用-c参数就可以

 
$ npx -p lolcatjs -p cowsay -c 'cowsay hello | lolcatjs'

npm 提供当前项目的一些环境变量,可以用下面的命令查看。

 
$ npm run env | grep npm_

-c参数可以把这些 npm 的环境变量带入 npx 命令。

 
$ npx -c 'echo "$npm_package_name"'


目录
相关文章
|
3月前
Nuxt项目的安装和使用
【8月更文挑战第7天】
41 2
|
5月前
npm构建vite项目
npm构建vite项目
|
5月前
|
JavaScript 前端开发 开发者
npm入门介绍
npm install [包名] - 这是最常用的npm命令,用于安装一个或多个包。如果后面没有指定包名,则根据当前目录下的package.json文件安装所有依赖。 npm uninstall [包名] - 用于卸载已安装的包。 npm update [包名] - 更新一个或多个包到最新版本。 npm init - 通过问答的方式帮助你创建一个新的package.json文件,这是开始一个新项目的第一步。 npm run [脚本命令] - 运行package.json中定义的脚本命令。 npm publish - 如果你开发了自己的npm包,这个命令可以帮助你将包发布到npm仓库,
36 3
|
6月前
|
存储 JavaScript 前端开发
NPM进阶知识与用法详解(一)
NPM进阶知识与用法详解(一)
135 0
|
6月前
|
缓存 前端开发 JavaScript
NPM进阶知识与用法详解(二)
NPM进阶知识与用法详解(二)
117 0
|
机器学习/深度学习 JavaScript 前端开发
Vue系列教程(23)- npm小结
Vue系列教程(23)- npm小结
126 1
|
6月前
|
JavaScript 前端开发
Nodejs 第六章(npx)
Nodejs 第六章(npx)
103 0
|
JSON JavaScript 前端开发
NPM 入门使用2
NPM 入门使用2
93 0
|
JSON JavaScript 开发工具
NPM 入门使用1
NPM 入门使用
143 0
|
资源调度 JavaScript
vite 教程
首先先介绍一下vite,vite这个名字起源于法语就是很快的意思。应为他是冷服务不打包 用es6 import 来引入对应 的js。其次就是使用rollup 去打包。开发中有热更新等。
356 0
vite 教程

相关实验场景

更多