create-reac-app搭建项目框架(第一部分)

最近公司的项目不是很忙。就想着用react练练手，主要是最近三年用的全部都是vue，有些审美疲劳了。还有就是大厂用的还是以react居多，毕竟像蚂蚁金服还专门开发了一套基于react的组件antd。话不多说下面就说下我这两个礼拜都做的一些内容吧。

首先假设大家的电脑上都已经安装了node，npm，cnpm(使用这个的原因大家都懂)。我在这里就不一一叙述了，网上很多好的文章，大家可以对照着安装就行了。

下面就是安装create-reatc-app，这是官方提供的脚手架，还是很好用的。

第一步：全局安装react脚手架

cnpm install -g create-react-app

第二步：创建项目文件夹，随便找个地方执行下面的命令。这个时间有点久，耐心等待

create-react-app my-app

第三步：经过一段时间后，可以看到安装成功。进入文件夹可以看到一下的结构

my-app/
  README.md
  node_modules/
  package.json
  .gitignore
  public/
    favicon.ico
    index.html
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg

这时候可以运行项目了 npm start，打开http://localhost:3000，就可以看到启动成功的react项目了

大家可能也看到了，项目文件夹里面少了一些配置的文件。其实是隐藏了，可以执行下面命令。完了可以看到文件夹的内容变多了。具体参考下图

npm run eject

至此第一部分的内容算是完成了。