使用create-react-app创建项目
2017-08-30 15:05
966 查看
在创建react项目之前,需要经过安装和配置webpack和babel等工具,操作很麻烦。通过使用create-react-app创建项目,可以免去安装和配置webpack和babel等工具,使得创建项目变得便捷许多,因为他们已经被预先安装和配置了。
是不是很迫不及待想体验一下了呢?
下面,我们一起进入操作吧。其实是很简单的哦
在使用之前,我就先默认你们安装了Nodejs和配置好了npm,然后通过npm全局安装create-react-app
npm install -g create-react-app安装好之后,你就可以使用命令行来创建react项目了
新建一个文件夹:
mkdir react-project
create-react-app hello
即可创建一个react项目,还可以自动安装和匹配好webpack和babel等工具,接下来你就可以快速地进行开发你的项目了
温馨提示:
由于create-react-app命令预先安装和配置了webpack和babel,同时也初始化了npm(可以通过npm init来初始化,初始化完会有一个package.json文件,专门来说明你的项目的一些基本信息和可以设置npm自定义命令),所以有几个自定义npm命令:
npm start:开始运行服务器文件
npm run build:使用webpack打包成静态文件
npm test:开始测试
npm run eject:删除该工具并复制构建依赖关系、配置文件
是不是很迫不及待想体验一下了呢?
下面,我们一起进入操作吧。其实是很简单的哦
在使用之前,我就先默认你们安装了Nodejs和配置好了npm,然后通过npm全局安装create-react-app
npm install -g create-react-app安装好之后,你就可以使用命令行来创建react项目了
新建一个文件夹:
mkdir react-project
cd react-project再通过create-react-app命令来创建react项目:
create-react-app hello
即可创建一个react项目,还可以自动安装和匹配好webpack和babel等工具,接下来你就可以快速地进行开发你的项目了
温馨提示:
由于create-react-app命令预先安装和配置了webpack和babel,同时也初始化了npm(可以通过npm init来初始化,初始化完会有一个package.json文件,专门来说明你的项目的一些基本信息和可以设置npm自定义命令),所以有几个自定义npm命令:
npm start:开始运行服务器文件
npm run build:使用webpack打包成静态文件
npm test:开始测试
npm run eject:删除该工具并复制构建依赖关系、配置文件
相关文章推荐
- react---学习笔记:使用create-react-app快速构建开发环境并创建项目
- 使用create-react-app或者antd创建一个React项目
- create-react-app创建react项目,使用axios跨域
- create-react-app如何创建react项目?
- create-react-app创建react项目失败!
- 以create-react-app为基础创建项目
- Create React App快速创建React项目
- Create-React-App创建React项目
- create-react-app 创建项目失败
- 使用create-react-app自动构建react项目
- react以create-react-app为基础创建项目
- Create-React-App项目外使用它的eslint配置
- 使用Create-React-App脚手架创建antd-mobile开发环境 (附 github 源码)
- 以create-react-app为基础创建项目
- create-react-app创建项目报错SyntaxError: Unexpected end of JSON input while parsing near '...ttachment":false,"tar' npm代理
- 最新-使用create-react-app 生成项目怎么处理scss预处理器
- 在create-react-app创建的React项目应用中配置JQ、Sass
- 使用create-reate-app创建的项目中代理的配置
- 在create-react-app创建的项目下允许函数绑定运算符
- Create-React-App创建antd-mobile开发环境