【React】学习之道
一.工欲善其事必先利其器 - 准备工作
安装vscode:https://code.visualstudio.com/
安装node.js:https://nodejs.org/en/
安装gitbash:https://gitforwindows.org/
根据个人习惯将vscode设置成自己喜欢的语言,我这里设置为中文
1.快捷键ctrl+shift+p 输入configlanguage 改为zh-cn

安装中文语言包,然后重启

2.把vs code的终端改为git bash

搜索shell 找到Terminal › Integrated › Shell: Windows,将安装好的git里面的bash路径复制到设置里

3.重启vs code
二.快速构建一个react应用
地址:https://reactjs.org/docs/create-a-new-react-app.html#create-react-app
命令:
npx create-react-app my-app
cd my-app
npm start

执行 npx create-react-app clientsite命令后 给创建了下面这些文件

三.已推送到github,克隆仓库到本地

git地址:https://github.com/chuankang/React
然后在vs code中选择文件夹
克隆下来后 nmp start 运行 报错

因为项目文件夹下没有node_modules文件夹,上传git时是被忽略了(200M左右) 执行npm install 然后 npm start

ok

【React】学习之道的更多相关文章
- React学习笔记-1-什么是react,react环境搭建以及第一个react实例
		什么是react?react的官方网站:https://facebook.github.io/react/下图这个就是就是react的标志,非常巧合的是他和我们的github的编辑器Atom非常相似. ... 
- react学习小结(生命周期- 实例化时期 - 存在期- 销毁时期)
		react学习小结 本文是我学习react的阶段性小结,如果看官你是react资深玩家,那么还请就此打住移步他处,如果你想给一些建议和指导,那么还请轻拍~ 目前团队内对react的使用非常普遍,之 ... 
- React学习资料
		以下是我整理的React学习资料,包括:React基础.Redux.reat-router, redux middleware, higher order components, React验证等, ... 
- React学习笔记(一) 基础知识
		现在最热门的前端框架有AngularJS.React.Bootstrap等.自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我. React的基 ... 
- React学习系列
		React学习系列 系列学习react 翻译地址 https://scotch.io/tutorials/learning-react-getting-started-and-concepts 我是初 ... 
- react学习笔记1--基础知识
		什么是react A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES[React是一个用于构建用户界面的JavaScript库.] React之所以快, ... 
- react 学习与使用记录
		相关技术:webpack+react+react-router+redux+immutable 郭永峰react学习指南 1.git bash--windows命令行工具 --教程 下载地址 2. i ... 
- 【JAVASCRIPT】React学习-JSX 语法
		摘要 react 学习包括几个部分: 文本渲染 JSX 语法 组件化思想 数据流 JSX 语法 1. 定义 JSX 是javascript + xml 的合集,我们可以将javascript 与 ht ... 
- 【JAVASCRIPT】React学习-如何构建一个组件
		摘要 react 学习包括几个部分: 文本渲染 JSX 语法 组件化思想 数据流 组件化思想 组件就是 UI + UI 交互逻辑,组件有三个常规map , 分别为state 状态 . props 数据 ... 
- 【JAVASCRIPT】React学习- 数据流(组件通信)
		摘要 react 学习包括几个部分: 文本渲染 JSX 语法 组件化思想 数据流 一 组件通信如何实现 父子组件之间不存在继承关系 1.1 父=>子通信 父组件可以通过 this.refs.xx ... 
随机推荐
- MIPI-Layout说明(转载)
			转载于:http://www.ccm99.com/thread-3713-1-1.html 前言:随着新的总线协议不断提高信号速率,如今的PCB 设计人员需要充分理解高速布线的要求并控制PCB 走线的 ... 
- 连接oracle数据库
			一.连接oracle数据库 一.windows环境 oracle windows客户端下载地址:http://www.oracle.com/technetwork/topics/winx64soft- ... 
- eclipse 没有web项目和server
			New项目中没有web Window菜单的preference没有server 解决方法:打开help->Install new software… 在work with中找到http://do ... 
- asp.net无限递归
			private void button1_Click(object sender, EventArgs e) { DialogResult dialogResult = folderBrowserDi ... 
- 搭建Karma+Jasmine的自动化单元测试
			最近在打算将以前的代码进行重构,过程中发现自己不写自动化测试代码,而是手动的写,这样并不好,所以就学了Karma+Jasmine的自动化单元测试,以后写代码尽量要写自动化单元测试,也要测一下istan ... 
- Docker学习资源
			Docker是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux机器上,也可以实现虚拟化,容器是完全使用沙箱机制,相互之间不会有任何接口. ... 
- python:sys.exit() os._exit() exit() quit()
			1>sys.exit() >>> import sys>>> help(sys.exit)Help on built-in function exit in ... 
- python中List append()、extend()和insert()的区别
			Python中向列表增加更多数据时,有append().extend()和insert()等方法 其中最常用的是list.append(obj) 向列表的尾部添加一个新的元素. 需要一次性添加多个元素 ... 
- Spring中的资源加载
			大家也都知道JDK的类加载器:BootStrap ClassLoader.ExtenSion ClassLoader.Application ClassLoader:也使用了双亲委派模型,主要是为了防 ... 
- ARM LCD屏调试3--屏的应用编程
			2011-06-25 19:20:47 驱动自己写完了,应用函数自己就不写了,找了一点代码参考,移植并修改了一下,配合之前的定义的接口文档,我贴出部分代码.目录: 一,开发环境... 1 二,底层函数 ... 
