官方create-react-app 入门（一）

_ang 发布于2019-08-22 17:34 / 2292人阅读

摘要：目的希望找到像类似的脚手架，便于入门。参考地址系统过程将升级到以上，将有一个新的包，。目录地点运行开发环境测试运行发布环境。我这次暂且选在充当发布环境。在中添加或者结果就可以在中看到发布后的项目。

目的：

希望找到像Vue-cli类似的脚手架，便于入门。

通过此项目学习React。

参考地址：

https://github.com/facebook/c...

系统：

macOS

过程：

将npm升级到5.2以上，将有一个新的包，npx。npx 会自动查找当前依赖包中的可执行文件，如果找不到，就会去
PATH里找。如果依然找不到，就会帮你安装。

npx create-react-app my-app

cd 目录地点



npm start

运行开发环境

npm test

测试

npm run build

运行发布环境。
我这次暂且选在Github Pages充当发布环境。

GitHub Pages

在package.json中添加homepage

"homepage": "https://myusername.github.io/my-app",

或者 "homepage": "https://myusername.github.io",

Install gh-pages and add deploy to scripts in package.json

 npm install --save gh-pages



"scripts": { "predeploy": "npm run build", "deploy": "gh-pages -b master -d build", }

Deploy the site by running npm run deploy

npm run deploy

Ensure your project’s settings use gh-pages

结果就可以在Gighubpage中看到发布后的项目。

第一次写博客文章，希望能坚持下去养成习惯，让自己变成自己希望的人。

云服务器服务器托管 create-react-app 第一商务官方第一主机官方第一互联官方

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95291.html

React入门之脚手架搭建项目

摘要：前言写此系列博客的目的是对所学知识点的总结和梳理，包括填坑方案分享，希望能帮助到还并不会使用的开发者入门官方文档中文文档社区项目搭建按照官方提供的搭建项目全局安装或全局安装后可以使用这条命令创建名为的项目启动前言写此系列博客的目的是对所学React知识点的总结和梳理，包括填坑方案分享，希望能帮助到还并不会使用React的开发者入门React React官方文档React中文文档R...

BingqiChen 2019-08-23 13:39 评论0 收藏0
React项目服务端部署过程记录（create-react-app）

摘要：但在完成最后部署上线是遇到一些小问题，由于搜索无果，便记录于此。由于是自己的项目，自己的云服务器。由于之前部署项目时也碰到过这种类似的问题，当时是通过修改配置解决的。 1.前言说在最最前这次分享比较啰嗦啦，想说的很多。实际问题的解决是 2-3.恍然大悟部分，可以直接跳过其他多余的絮叨哦～最近入职新公司由于前端主要是react，遂开始去学习了解react，这两天跟着电子书《The...

spademan 2019-08-22 15:22 评论0 收藏0
react.js入门篇

摘要：搭建项目，引入既然学习，那就从开始。项目工程目录如下编写在我理解看来，项目文件入口即是文件，那么从中编写。官方文档所述图片注文章末尾段组件生命周期引入自 Hello Word 1.搭建项目，引入react 既然学习react，那就从hello word开始。当然必不可少的需要引入react，这里我使用的是官网的 Creating a New Application 方式，通过以下命令...

harryhappy 2019-08-20 17:53 评论0 收藏0
【IPFS + 区块链系列】入门篇 - IPFS + Ethereum （上篇）-js-ipfs

作者：黎跃春，孔壹学院创始人，区块链、高可用架构师微信：liyc1215 区块链博客：http://liyuechun.org Ebay项目基于以太坊Ethereum & IPFS的去中心化Ebay区块链项目详情链接 showImg(https://segmentfault.com/img/remote/1460000012138807?w=1022&h=500); 目录 1. 内容简介 ...

VincentFF 2019-06-27 18:12 评论0 收藏0
Docker 入门（三）：持续集成、持续部署

摘要：为了看起来清晰，我写了一个文件，将这个文件和之前的放在同一个目录中，可以用以下命令快速启动，启动之后新构建的镜像和容器都名为。 showImg(https://segmentfault.com/img/remote/1460000014924499?w=883&h=515); 在软件开发过程中，如果我们每一次提交的代码都能够进行一次完整的编译、测试、打包、发布，就能及早发现问题、及早修...

newtrek 2019-06-28 16:25 评论0 收藏0