React-----学习笔记-----React基本环境安装(二)

• 安装node.js,到node.js官网下载对应的安装包安装好环境；
• 安装create-react-app

$npm install -g create-react-app

• 这条命令会在我们的电脑上安装一条叫create-react-app的命令，安装完成后可以使用它来构建一个react的前端工程：

$create-react-app my-react
Success! Created my-react at D:\workSpace\my-react
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd my-react
  npm start

Happy hacking!

• 这条命令会帮我们构建一个叫my-react的工程，并自动安装我们所需要的依赖
• 安装完成后启动工程

$cd my-app
$npm start 

• 终端提示成功并会自动打开浏览器展示运行效果：

npm start

> my-react@0.1.0 start D:\workSpace\my-react
> react-scripts start
Starting the development server...
Compiled successfully!

You can now view my-react in the browser.

  Local:            http://localhost:3000/
  On Your Network:  http://192.168.31.241:3000/

Note that the development build is not optimized.
To create a production build, use npm run build.