zoukankan      html  css  js  c++  java
  • 使用React创建项目

    使用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
    

    如果你对 bash 比较熟,可能会写成这样:

    npm i -D webpack
    `npm 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版本、命令的版本,解决了不同项目使用不同版本的命令的问题。



    作者:海龟大神
    链接:https://www.jianshu.com/p/cee806439865
    來源:简书
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
  • 相关阅读:
    sfs2x 连接 mongodb
    java websocket
    webstorm 4.0 注册码
    解决 sfs2 admin tool 找不到扩展
    window 注册表五大类
    opengl 学习第二日
    java google Protobuf
    扩展 java sencha touch PhonegapPlugin
    sencha touch2 kryonet socket phonegap 通信 作者:围城
    sencha touch2 layout 笔记
  • 原文地址:https://www.cnblogs.com/wang-sai-sai/p/10404941.html
Copyright © 2011-2022 走看看