【react】开发环境搭建

首先安装 Node 和 npm

我的版本

node v10.15
npm v6.4.1

创建应用程序

1. 针对于npm 5.2+

   npx create-react-app xxx

2. 针对于npm 6+

   npm init react-app xxx

3. 针对于yarn 0.25+

   yarn create react-app xxx

输出

进入到xxx目录中，应该生成的目录格式如下：

xxx
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── serviceWorker.js

安装完成后，即可进入到项目目录：

cd xxx

运行

1. 运行：

   npm start

2. 打包：

   npm run build

遇到的问题

按照文档的方式安装运行脚手架工具报错,并且生成的文件缺失
报错信息如下：

A template was not provided. This is likely because you’re using an outdated version of create-react-app.
Please note that global installs of create-react-app are no longer supported.

（大概意思是 官方不支持 create-react-app 这个 cli 脚手架，版本已经过时，不支持全局安装）
因为我之前也有看过react的相关视频 可能安装的有之前的脚手架版本

解决方法

卸载全局安装的脚手架

npm uninstall -g create-react-app
然后在重新按照之前的步骤在运行一次