1.先查看node 与 npm 版本
node -v
npm -v
2.安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.安装react
npm install -g create-react-app
4.创建项目(名称不能再包含大写字母)
npx create-react-app 【项目名称】
5.启动项目
npm start
整体的目录架构
.git | git文件夹 |
dist | 打包后文件放置的地方 |
src | 源码文件,一般做开发就在这个文件夹 |
.babelrc | babel配置文件 |
webpack.config.js | webpack配置文件 |
server.js | express服务器文件 |
.editorconfig | 编辑器配置文件,用来同意团队开发的编辑器配置 |
node_modules | 各个插件存放位置 |
源码文件目录结构
actions | 存放react action的路径 |
common | 存放公共文件夹 |
components | 存放 react jsx 文件 |
images | 存放图片 |
stores | 存放 react action 具体执行方法 |