• npx简介(转载)


    npm v5.2.0引入的一条命令(npx),引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验。

    举例:使用create-react-app创建一个react项目。

    老方法:

    npm install -g create-react-app
    create-react-app my-app
    

    npx方式:

    npx create-react-app my-app
    

    这条命令会临时安装 create-react-app 包,命令完成后create-react-app 会删掉,不会出现在 global 中。下次再执行,还是会重新临时安装。

    npx 会帮你执行依赖包里的二进制文件。

    举例来说,之前我们可能会写这样的命令:

    npm i -D webpack
    ./node_modules/.bin/webpack -v
    

    有了 npx,你只需要这样:

    npm i -D webpack
    npx webpack -v
    

    也就是说 npx 会自动查找当前依赖包中的可执行文件,如果找不到,就会去 PATH 里找。如果依然找不到,就会帮你安装!

    npx 甚至支持运行远程仓库的可执行文件:

    npx github:piuccio/cowsay hello
    

    再比如 npx http-server 可以一句话帮你开启一个静态服务器!(第一次运行会稍微慢一些)

    npx http-server
    

    指定node版本来运行npm scripts:

    npx -p node@8 npm run build
    

    主要特点:

    1、临时安装可执行依赖包,不用全局安装,不用担心长期的污染。
    2、可以执行依赖包中的命令,安装完成自动运行。
    3、自动加载node_modules中依赖包,不用指定$PATH。
    4、可以指定node版本、命令的版本,解决了不同项目使用不同版本的命令的问题。
    

    参考链接

    http://www.ruanyifeng.com/blog/2019/02/npx.html

  • 相关阅读:
    vue(5)联动+tab页
    vue(4)hello world
    vue(3)IDE
    vue(2)创建项目
    vue(1)安装
    线程池(6)简单创建线程3种实现
    logback日志简记
    [省选前集训2021] 模拟赛2
    无标号无根树计数
    [省选前集训2021] 模拟赛1
  • 原文地址:https://www.cnblogs.com/raind/p/10490114.html
Copyright © 2020-2023  润新知