如何从零开始创建React项目

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_37506861/article/details/79054324
  1. 首先运行环境-node是必须的,需要下载安装node的运行环境,官网下载即可点击打开链接
  2. 安装好了node之后,自然的就有了npm,npm可以帮助开发人员,下载React项目必用的一些包,当然也可使用yarn,本文使用的是yarn
  3. 全局安装create-react-app 
    npm install -g create-react-app
  4. create-react-app myapp          /* 使用命令创建应用,myapp为项目名称 */
  5. npm start /*启动项目*/
  6. create-react-app 是React官方提供的一个用于快速搭建项目的脚手架
  7. 但是打开项目会发现,一些与webpack相关的东西被隐藏掉了,只需要键入命令
    npm run eject
  8. 就可以看到其中Webpack的内容
  9. React开发,ant design是必不可少的,可以使用 npm install antd --save 或者是 yarn add antd 来在项目中引用antdnpm install antd --save 或者是 yarn add antd 来在项目中引用antd
  10. <span style="color:#314659">可能引入之后有人会发现,antd的样式没有了,怎么引入样式呢,需要安装一个依赖包</span>
    npm install babel-plugin-import --save-dev
     
     
  11. <span style="color:#314659">然后在config下面的webpack.confing.dev.js中<img data-cke-saved-src="https://img-blog.csdn.net/20180113225426939?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzc1MDY4NjE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" src="https://img-blog.csdn.net/20180113225426939?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzc1MDY4NjE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" /></span>
  12. <span style="color:#314659">这样,样式就有了</span>

猜你喜欢

转载自blog.csdn.net/qq_37506861/article/details/79054324
今日推荐