如何从零开始创建React项目
2018-01-13 22:56
369 查看
首先运行环境-node是必须的,需要下载安装node的运行环境,官网下载即可点击打开链接
安装好了node之后,自然的就有了npm,npm可以帮助开发人员,下载React项目必用的一些包,当然也可使用yarn,本文使用的是yarn
全局安装create-react-app
安装好了node之后,自然的就有了npm,npm可以帮助开发人员,下载React项目必用的一些包,当然也可使用yarn,本文使用的是yarn
全局安装create-react-app
npm install -g create-react-app
create-react-app myapp /* 使用命令创建应用,myapp为项目名称 */
npm start /*启动项目*/
create-react-app 是React官方提供的一个用于快速搭建项目的脚手架
但是打开项目会发现,一些与webpack相关的东西被隐藏掉了,只需要键入命令
npm run eject
就可以看到其中Webpack的内容
React开发,ant design是必不可少的,可以使用 npm install antd --save 或者是 yarn add antd 来在项目中引用antd
可能引入之后有人会发现,antd的样式没有了,怎么引入样式呢,需要安装一个依赖包
npm install babel-plugin-import --save-dev
然后在config下面的webpack.confing.dev.js中
这样,样式就有了
相关文章推荐
- create-react-app如何创建react项目?
- 关于如何从多个项目创建 ASP.NET 应用程序以进行组开发问题
- 【Angular2】 如何创建一个Angular2项目
- 如何使用Maven创建Web项目
- 如何用Maven创建web项目(具体步骤)
- 如何在多个移动平台上创建新的cocos2d-x项目
- 如何创建一个ssh项目
- fir.im Weekly - 从零开始创建 Android 新项目
- Hbuilder入门如何创建一个新项目
- eclipse如何创建web项目
- 如何创建Vue2.x+webpack项目
- QC基本操作汇总(如何创建项目管理)
- 详解如何优雅地在React项目中使用Redux
- 如何用Maven创建web项目(具体步骤)
- 使用Team City如何创建一个简单的项目
- eclipse中如何创建maven项目
- 创建一个react.JS项目
- 如何创建react工程
- 如何使用git创建项目,创建分支
- eclipse中创建web项目如何连接mysql数据库