001.react环境搭建

作者: 椰果粒 | 来源:发表于2018-05-28 10:52 被阅读21次

1. react的优势

  • 响应式更新
  • 组件化
  • jsx声明式编程
  • 多平台性

2. 创建工程的方式:
2.1:react的官方提供了create-react-app的工具来用于搭建react的环境,步骤如下

  • 全局安装 npm install -g create-react-app
  • 创建项目 create-react-app hello
  • 进入项目 cd hello
  • 启动项目 npm start

2.2:直接引入方式,需要引入react和react-dom两个文件
https://unpkg.com/react@16.0.0/umd/react.production.min.js
https://unpkg.com/react-dom@16.0.0/umd/react-dom.production.min.js

2.3 : Webpack+babel的方式

3. mac下sublime的插件
3.1 babel:支持ES6,react.js,jsx代码高亮
配置:view->synax->open with all current extension as... -> babel -> javascript(babel)

相关文章

  • 001.react环境搭建

    1. react的优势 响应式更新 组件化 jsx声明式编程 多平台性 2. 创建工程的方式:2.1:react的...

  • React Native学习总结篇

    一、环境搭建 1.1 React Native环境搭建 1.1.1 IOS环境搭建 环境:MacOS 注意:不要使...

  • linux 第四天

    Lamp环境搭建 /*******************Lamp环境搭建:*******************...

  • codePush说明

    codePush环境搭建 环境搭建文章:环境搭建 git地址:codePush git地址2.0.3,And...

  • angular学习--02英雄指南

    环境搭建 angular官网--搭建本地开发环境和工作空间windows 10 搭建angular开发环境免搭建环...

  • Gradle开发-Groovy环境搭建

    ##Groovy环境搭建 在使用 Groovy 之前首先要搭建几个环境: Groovy 的环境搭建 JDK 环境搭...

  • 搭建 LNMP + CodeIgniter 开发环境

    搭建 LNMP + CodeIgniter 开发环境搭建 LNMP 环境首先搭建 LNMP 的服务器环境安装 Ng...

  • iOS中RN与Flutter混合开发

    一 搭建环境 1. 搭建flutter环境 1.1 搭建系统开发环境 参考链接:https://flutter....

  • 第一个MyBatis程序

    思路:搭建环境---导入MyBatis--编写代码---测试! 一、搭建环境 1、搭建数据库环境: engine=...

  • Robot Framework用法总结

    一,环境的搭建 关于robotframework环境搭建请参考博文:Robot Framework的环境搭建[ht...

网友评论

    本文标题:001.react环境搭建

    本文链接:https://www.haomeiwen.com/subject/ywuwjftx.html