React学习记录一

半路出家直接上手React,其实有点吃力,所以开始研究create-react-app,从这里下手吧。

create-react-app 官方网站:https://github.com/facebookincubator/create-react-app

然后下面有教程,但是js水平还停留在只会用用jquery的我,完全看不懂这是个什么鬼,什么是npm?。

所以呢,我有抽空看了一下node.js的基础,算是扫扫盲。

这里是菜鸟教程:http://www.runoob.com/nodejs/nodejs-tutorial.html,其实百度搜一下,基础的教程还是很多的,没有过度的去研究node.js的东西,但是至少npm是个什么东西,怎么用算是清楚明白了。

其实有很多的东西都是在看别人的文章,然后自己找相关的教程慢慢弄出来的,比如淘宝的npm镜像cnpm,然后这里我又要甩出一个超链接,https://cnpmjs.org/ ,算了还是记一下大概过程吧。

适用环境:Windows

适用人群:javascript基础有一点的

目的:就是搭个环境,好做点事情

1.安装Node.js

官方下载地址:https://nodejs.org/en/

我们还是选择一个最新版的,直接下载安装就可以了。安装完了以后,基本上npm命令就可以打开命令行开始用了。

2. 安装cnpm

基本上按照官方网站输入几个命令就可以解决,但是为了避免不必要的错误,cmd打开命令行的时候,记得右键以管理员的身份运行,否则部分文件拷贝会出现权限不够等问题!

输入命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

等待完成,结果大概就是这个样子:

3.安装vscode

官方网站:https://code.visualstudio.com/

下载安装完后,基本的开发环境就搭建完成了。安装什么的就不详细说了,用惯了visual studio的,基本这个IDE使用起来没什么难度

啊,就说这么多了,下一篇说说正事儿create-react-app这个初学者工具,我也在一步步慢慢摸索,仅此记录!

时间: 2024-10-10 00:54:00

React学习记录一的相关文章

React 学习记录

理解React中es6方法创建组件的this

React 学习记录(二)

JSX语法 jsx是应React的出现而出现的,由js和xml结合而成,遇"<"解析xml,遇"{"解析js,利用js来虚拟DOM,利用虚拟DOM Diff算法可以让用户毫无顾及的刷新页面. 一.JSX注意要点 1.组件的首字母必须用大写,并且必须封闭,如:<Demo />或<Demo></Demo>: 2.已经构建好的组件内部无法使用if-else-语法,所以总结下来有两种if-else-的实现方式: 2.1 改变组件的属

react学习记录(三)——状态、属性、生命周期

react的状态state React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作 DOM) class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } componentDidMount() { this.timerID = setInterval( () => this.tick(), 1000

React学习记录二

环境基本弄清楚了以后,开始总会写个hello world什么的,开发做了这么久了,就跳过这一步吧. 还是从打开vscode说起吧,这里文件菜单打开一个文件夹Demos,查看菜单打开集成终端,也可以使用快捷键ctrl+~ 1.提示没有package.json 先运行:npm init 这个命令用于创建项目时自动生成一个至关重要的配置文件package.json 2.提示没有repository配置,没有README等 打开package.json文件 { "name": "de

React官方文档学习记录(四)- 条件渲染

一点点记录,建议需要学习React的移步官方文档去学习. 在React中,你可以创建一个清晰(distinct)的组件来简要描述你现在需要的东西.然后,你只需要使用你应用中的state来渲染它们. React中的条件型渲染跟JavaScript中的条件运算符运行方式差不多.好像就是使用JavaScript中的if或者三元运算符创建元素来显示现在的状态,然后让React更新UI来匹配这些修改. 下面这个例子就是根据不同的isLoggedIn进行不同的欢迎. 1 2 3 4 5 6 7 8 9 10

Python学习记录-2016-12-17

今日学习记录 模块: import os#导入os模块 import sys#导入sys模块 os.system("df -h")#执行df -h命令 cmd_res = os.popen("df -h").read()#将命令的返回结果赋值给cmd_res,如果不加入.read()会显示命令的返回加过在内存的位置 print(sys.path)#显示系统变量路径,一般个人模块位于site-packages下,系统模块位于lib下 print(sys.argu[2]

Objc基础学习记录5

NSMutableString类继承的NSString类. NSMutableString是动态的字符串. 1.appendingString 方式: 向字符串尾部添加一个字符串. 2.appendingFormat:可以添加多个类型的字符串. int,chat float,double等 3.stringWithString 创建字符串, 4.rangeOfString 返回str1在另一个字符串中的位置. 5.NSMakeRange(0,3) 字符串0位到3位. 6.deleteCharac

Windows API 编程学习记录&lt;二&gt;

恩,开始写Windows API编程第二节吧. 上次介绍了几个关于Windows API编程最基本的概念,但是如果只是看这些概念,估计还是对Windows API不是很了解.这节我们就使用Windows API 让大家来了解下Windows API的用法. 第一个介绍的Windows API 当然是最经典的MessageBox,这个API 的作用就是在电脑上显示一个对话框,我们先来看看这个API的定义吧: int WINAPI MessageBox(HWND hWnd, LPCTSTR lpTe

Windows API 编程学习记录&lt;三&gt;

恩,开始写API编程的第三节,其实马上要考试了,但是不把这节写完,心里总感觉不舒服啊.写完赶紧去复习啊       在前两节中,我们介绍了Windows API 编程的一些基本概念和一个最基本API函数 MessageBox的使用,在这节中,我们就来正式编写一个Windows的窗口程序. 在具体编写代码之前,我们必须先要了解一下API 编写窗口程序具体的三个基本步骤:             1. 注册窗口类:             2.创建窗口:             3.显示窗口: 恩,