您的位置:首页 > Web前端 > React

如何从零开始创建React项目

2018-01-13 22:56 369 查看
首先运行环境-node是必须的,需要下载安装node的运行环境,官网下载即可点击打开链接
安装好了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中

这样,样式就有了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息