第一个react webapp

安装nodejs

从nodejs国内官方网站下载nodejs对应版本，这里选择最新版本是v10.6.0，msi安装方式。安装完成之后，nodejs文件结构：

安装完成会自动将nodejs可执行程序路径加入环境变量中，可以通过命令行验证安装结果。

设置国内源

nodejs默认的源无法访问，需要设置为淘宝源。设置方法可以通过命令行，也可以直接在C:\Users\Administrator下新建文件.npmrc，配置如下内容：registry=https://registry.npm.taobao.org。

通过命令行设置如下：npm config set registry https://registry.npm.taobao.org

创建项目

命令行下运行命：npx creat-react-app tutorial

启动项目

根据提示，进入tutorial目录，运行npm start，默认会开启一个http server服务，并监听3000端口。

这时候，会自动打开浏览器，显示结果如下：

精简项目去掉无用代码

精简后的index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

App.js

import React, { Component } from 'react';

class App extends Component {
  render() {
    return (
      <div className="App">
          <h2>hello,react native app.</h2>
      </div>
    );
  }
}

export default App;

精简后的项目目录以及相关文件。

编译不会报错，页面变为这个样子：

接下来就可以随意开发自己的项目了。