码迷,mamicode.com
首页 > 移动开发 > 详细

React漫漫学习路之 利用Create React App命令创建一个React应用

时间:2017-11-23 11:03:50      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:没有   node   .json   install   自己的   快速   体验   facebook   nbsp   

所谓万事开头难,本文旨在为初探React的同学,建立第一个最基本的react应用。

Create React App是Facebook官方的一个快速构建新的 React 单页面应用的脚手架工具,它可以帮你配置开发环境,以便你可以使用最新的 JavaScript 特性,还能提供很棒的开发体验,并为生产环境优化你的应用。(如果你使用过vue-cli构建vue应用,那么此处可类比)

话不多说,直接开始。

 

安装

全局安装create-react-app

npm install -g create-react-app

tips:如果安装失败,更新node与npm至最新版本重试

 

创建新应用

create-react-app my-app

当前目录下会创建一个my-app的文件夹,目录结构如下:

my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   └── favicon.ico
│   └── index.html
│   └── manifest.json
└── src
    └── App.css
    └── App.js
    └── App.test.js
    └── index.css
    └── index.js
    └── logo.svg
    └── registerServiceWorker.js

 

运行

cd my-app
npm start // or yarn start

进入my-app目录,运行npm start或yarn start

此时会打开默认浏览器访问http://localhost:3000(如果浏览器没有自动打开,可手动访问http://localhost:3000)

 

接下来你就可以通过修改index.js文件创建你自己的应用了!

 

React漫漫学习路之 利用Create React App命令创建一个React应用

标签:没有   node   .json   install   自己的   快速   体验   facebook   nbsp   

原文地址:http://www.cnblogs.com/ZhuChuan/p/7883459.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!