今晚在学习vue-Cli时, 由于突发奇想想试试最新的@4.x.x版本, 但是本地全局安装的脚手架版本是@2.x.x的, 因为不想污染全局于是就想到用npx命令, 一路上踩坑不断, 为了以后能够更好的使用npx并区分其跟npm的指令, 就有了本篇笔记
npm 是从5.2版开始, 增加(自带)了 npx 命令。 如果发现没安装请手动安装:
npm i -g npx
总结的来说:
从几个使用场景出发, 希望能够有对应您当前的场景, 这样就能直接套用了
对于这个场景, 有些笨方法:
更优雅的方法, 就是使用npx命令啦:
npx <包对应的命令>
# 以less编译为例:
npx lessc -v # 查看当前项目下less编译器的版本
以我今晚的踩坑作为第二个使用场景, 我本地已经全局安装了Vue脚手架的@2.x.x版本, 但是我想用并已经在本地项目文件目录中安装了最新的@4.x.x版本, 即:
# 已经执行过
npm i -g vue-cli@2
vue -V # vue@2.9.6
# 已经执行过
cd my-project
npm i -D @vue/cli@4
vue -V # vue-cli@4.5.13
这时, 如果使用vue -V会发现使用的是全局的版本, 因为npm默认会执行全局中的包。如果想使用项目已经安装的那个版本就直接执行如下命令:
npx <包对应的命令>
# 以vue-cli为例:
npx vue create my-project
对于这种场景, npx就是必要的选择。npx会将要用的下载到一个临时目录, 使用完毕后自动删除, 还是以Vue-Cli为例: 这次的我突发奇想想看看react脚手架的项目文件结构, 由于我还没学, 所以本地和全局都没有安装(只是临时想用脚手架创建一个React项目)
npx create-react-app my-react-project #react脚手架将会在项目搭建完后自动被删除掉
如题所示, 这里以我突发奇想想使用Vue脚手架的@3.x.x版本, 但是我全局已经安装了@2.x.x版本
cd my-vue-project # 进入我的vue项目
npx @vue/cli@3 create big-project # 利用vue-cli的3.x版本创建一个名为big-project的项目
这一小节中最常用、重要的是第5点, 根据此总结: 不管安装的包、命令的个数个数是多少(哪怕只安装1个包), 严格遵守npx -p 包1 -p 包2 -p 包n -c "命令1 & 命令2 & 命令n" 一定没错
原文来自:https://www.cnblogs.com/fitzlovecode/archive/2021/08/02/learn_npx.html
Node.js ,如今已经是 前端开发 不可或缺的组成部分; npm 是 Node.js 默认的、以 JavaScript 编写的软件包管理系统; 而 npx 是 npm 软件包运行器 ,使用它,能够无需显式安装即可帮助执行 npm 软件包。
查阅资料得知,npx 是 npm v5.2.0 版本之后一起打包的安装的一个包执行器,在没有这个包执行器之前,我们如何执行一个 npm 包的指令,首先我们要搞懂执行一个已安装的npm包的指令的过程。
npx是一种在npm中安装工具,也可以被单独的下载使用 ,npx是npm5.2之后发布的一个命令,也就是只要npm的版本>=5.2就可以使用此命令;npx有很多用处,不限于通过npx http-serve来启动静态资源服务器。
npm 从5.2版开始,增加了 npx 命令。它有很多用处,本文介绍该命令的主要使用场景。Node 自带 npm 模块,所以可以直接使用 npx 命令。万一不能用,就要手动安装一下。
npm v5.2.0引入的一条命令(npx),引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验。举例:使用create-react-app创建一个react项目。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!