近几年前端框架以Angular、React、Vue三分天下,其中的React最受青睐,因为新公司要求使用React,只好放下了没学几天的Vue,开始研究React。
第一步,环境搭建
有两种方式,第一,直接下载js文件在html中引入;第二,使用webpack构建;
第一种很常见,这里介绍下第二种方式。
首先,安装node.js,windows下官网下载安装即可,Linux下以Ubuntu16.04为例,不要使用apt-get安装,到官网下载tar.gz包,解压到某个目录
然后执行一下两条语句
$ ln -s /解压的目录/bin/node /usr/local/bin/node $ ln -s /解压的目录/bin/npm /usr/local/bin/npm
下面两个语句验证
$ node -v v6.2.0 $ npm -v 3.8.9
出现版本信息则表示安装成功。
一般来说node.js自带npm,推荐安装淘宝的cnpm
安装方法请查阅官网 http://npm.taobao.org/
安装好node.js以后,我们安装一个react提供的脚手架项目用于搭建基础项目结构
$ cnpm install -g create-react-app $ create-react-app my-app $ cd my-app/ $ npm start
命令行出现以下输出:
The app is running at: http://localhost:3000/
在浏览器中访问 http://localhost:3000/ 则可看到项目运行情况。
相关推荐
react 学习笔记, 自己学习过程中记录的内容。react component 生命周期,整合eslint插件
react.js.md react学习笔记
React学习笔记整理
React Native 基础学习笔记
该文档是在看了官方的文档后,感觉很有价值,与是做了记录,收获很大。内容全面,讲解详细。仅供参考,如有雷同,纯属巧合。
整理的笔记资源 含有vue和react学习笔记,和相应案例代码。 可以简单入门vue 和react~
此笔记包含了前端代码规范、前端工具使用笔记、Ajax、Axios学习笔记、Chrome开发使用及学习笔记、ES6及后续版本学习笔记、Git学习笔记、HTML+CSS+JS基础笔记、Mobx学习笔记、Promise学习笔记、ReactHooks笔记、React...
小D课堂的React课程笔记.pdf 非常详细,很不错,可以帮助你学习。 版本:React最新版本,V16.12.0
React Native 学习笔记,总结的还不错咯
React相关的学习笔记整理
react学习笔记-附件资源
学习html、css、js、react js的笔记和demo学习html、css、js、react js的笔记和demo 学习html、css、js、react js的笔记和demo学习html、css、js、react js的笔记和demo 学习html、css、js、react js的笔记和demo...
正则表达式学习笔记 微信小程序学习笔记 前端部署相关笔记 前端UI库使用记录笔记 前端JS工具库使用笔记 Webpack学习笔记 Vue笔记整合 UmiJS笔记 TypeScrip笔记 Scss笔记 React笔记 ReactHooks笔记 Promise学习笔记 ...
js- react个人学习笔记 仅供本人参考
《React进阶之路》系列学习笔记,包含自己对React的理解和使用建议,主要详解MobX项目实战。
Components 组件import React, { Component } from 'react'import { connect } from 're
bootcamp-react:训练营React学习笔记
react-native 调用android原生模块-Toast 学习笔记
哔哩哔哩react课程课件