Gatsby & React

Gatsby is a blazing fast modern site generator for React.

https://www.gatsbyjs.org/

Tutorials

https://www.gatsbyjs.org/tutorial/

run

$ gatsby new gatsby-demo-app

$ cd gatsby-demo-app && gatsby develop
# auto open browser on `http://localhost:8000` $ gatsby build
$ gatsby serve $ gatsby -h
# or
$ gatsby --help # gatsby COMMAND_NAME --help
$ gatsby new --help

NPX

https://stackoverflow.com/questions/9679932/how-to-use-package-installed-locally-in-node-modules

https://egghead.io/lessons/gatsby-quick-start-with-gatsby-create-develop-and-build-gatsby-sites-from-the-command-line

execute npm package binaries


$ npm i npx $ npm i -g npx

https://www.npmjs.com/package/npx

https://www.jianshu.com/p/cee806439865

https://stackoverflow.com/questions/50605219/difference-between-npx-and-npm

https://github.com/facebook/create-react-app#quick-overview

https://blog.npmjs.org/post/162869356040/introducing-npx-an-npm-package-runner

https://docs.npmjs.com/files/folders#executables

https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b

NVM

https://github.com/creationix/nvm

https://github.com/coreybutler/nvm-windows

https://github.com/xgqfrms/linux/issues/5


Node.js & Unix/Linux & NVM

nvm

https://github.com/creationix/nvm

https://github.com/xgqfrms/RAIO/issues/242

https://github.com/xgqfrms/RAIO/issues/230

https://zhuanlan.zhihu.com/p/22493707

http://logs.libuv.org/node.js/2016-06-28

Gatsby & React & NPX & NVM的更多相关文章

  1. npm cnpm npx nvm 傻傻分不清

    用过 npm cnpm吗?知道 npx nvm 吗? 唔~ npm npm 的全称是 Node Package Manager 是 JavaScript 世界的包管理工具,并且是 Node.js 平台 ...

  2. react 20180504

    react 入门 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...

  3. (1)React的开发

    1.React项目架构搭建 2.JSX语法 3.React组件化开发 4.React组件间通信 5.React中的事件 6.React代码优化 7.React中组件的样式修饰 React简介及基础语法 ...

  4. Recoil & React official state management

    Recoil & React official state management Redux Recoil.js https://recoiljs.org/ A state managemen ...

  5. how to build an app with github

    how to build an app with github Building apps https://developer.github.com/apps/ demos https://githu ...

  6. how to updating Node.js and npm

    how to updating  Node.js and npm 1 Installing Node.js and updating npm How do I update Node.js ? Not ...

  7. Gatsby上手指南 - 让你的静态网站用react来高逼格的写

    注意:Gatsby V2版本安装及使用问题请移步<Gastby V2安装过程中常见问题>,此文较旧,主要针对V1版Gatsby而介绍 前言 一直以来都是用之前比较流行的静态网站生成器Hex ...

  8. react系列笔记1 用npx npm命令创建react app

    react系列笔记1 用npx npm命令创建react app create-react-app my-app是开始构建新的 React 单页应用程序的最佳方式.它已经为你设置好了开发环境,以便您可 ...

  9. 二、【未来】React环境安装:npx

    搭建React的开发环境的第二种方法(新-未来推荐): https://reactjs.org/docs/create-a-new-react-app.html 一. npx简介: 1. npm v5 ...

随机推荐

  1. 自然语言处理之jieba分词

    在处理英文文本时,由于英文文本天生自带分词效果,可以直接通过词之间的空格来分词(但是有些人名.地名等需要考虑作为一个整体,比如New York).而对于中文还有其他类似形式的语言,我们需要根据来特殊处 ...

  2. PHP 3 运算符 if...else...elseif 语句

    <?php $x=10; $y=6; echo ($x + $y); // 输出 16 echo ($x - $y); // 输出 4 echo ($x * $y); // 输出 60 echo ...

  3. day07----字符编码解码、文件操作(1)

    字符编码: 什么是字符编码? 字符编码是将人识别的字符转换成计算机能识别的二进制字符(01),转换的规则就是编码表. 人能识别的字符串  与  计算机能识别的二进制字符 两者之间对应关系构成的结构称为 ...

  4. 二维数组遍历的方式(for普通循环遍历、foreach循环遍历、toString方式遍历)

    package com.Summer_0421.cn; import java.lang.reflect.Array; import java.util.Arrays; /** * @author S ...

  5. JavaScript模块化思想requireJS的使用

    1. 使用require.js的意义   (1)实现JS文件的异步加载,避免网页因为加载JS文件缓慢造成网页未响应 (2)管理模块之间的依赖性,便于代码的编写和维护.页面中只需要引入require.j ...

  6. jquery.$.ajax简单的使用

    function LoadWFS() { var viewer = new Cesium.Viewer('cesiumContainer'); $.ajax({ url: "http://l ...

  7. LeetCode11:Container With Most Water

    public int MaxArea(int[] height) { ; ; ; while(start<end) { max=Math.Max(max,Math.Min(height[star ...

  8. ASP.NET Core 与支付宝开发文档

    一.目录 ASP.NET Core 2.0 使用支付宝PC网站支付 ASP.NET Core 2.0 支付宝当面付之扫码支付 常见使用问题解答 已有多个公司数个项目用本组件并上线,稳定使用. 二.项目 ...

  9. [C#] LINQ之SelectMany

    声明:本文为www.cnc6.cn原创,转载时请注明出处,谢谢! 一.第一种用法: public static IEnumerable<TResult> SelectMany<TSo ...

  10. .NET-记一次架构优化实战与方案-目录

    前言 本系列是根据我公司的某块业务优化进行改写的,为了避免触发法律的红线,我对部分代码做了截取并打码. 因为优化方案是针对现有业务的问题情况进行的,不做任何太过过分吹牛逼.一切以基于现有的业务,优化处 ...