react 创建项目

一、使用官方脚手架创建react项目

  1. 安装环境
npm install -g create-react-app
  1. 创建项目
create-react-app my-app
  1. 进入项目
cd my-app
  1. 启动项目
npm start
  1. 拓展
    打包项目:npm run build
    显示 webpack 配置:npm run eject

二、使用 reactjs 库创建react项目

1. 方式一:直接引入reactjs的 cdn 资源

  1. 注意事项
1. react 和 ract-dom 要选择路径中含有 /umd/ 的 url
2. script 标签的 type 属性的值是 text/babel
3. ract-dom 依赖于 react, react 必须在ract-dom之前引入
  1. cdn 资源



2. 方式二:通过npm下载reactjs库

  1. 初始环境
npm init -y
  1. 安装依赖
npm install react react-dom babel-standalone -S
  1. 新建html文件并引入reactjs库



你可能感兴趣的:(react 创建项目)