半路出家直接上手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这个初学者工具,我也在一步步慢慢摸索,仅此记录!

React学习记录一的更多相关文章

  1. 业余学习react 学习记录

    http://www.ruanyifeng.com/blog/2015/03/react (阮一峰 react 学习) 1.搭建环境:npm 使用 React npm install -g cnpm ...

  2. React学习记录

    托webpack的福,我终于可以开始写React了.==ORZ 我感觉我接近webpack工程师更进一步了哈哈哈. 以下所有内容均来自小红书,仅是我的个人记录,如想系统学习,请移步:React小书 : ...

  3. react学习记录(一)

    一.React是什么 声明式写法(强调结果,命令式编程强调过程) 组件化 一次学习,随处编写(多种应用场景,web程序,原生手机应用,系统应用,命令行工具) 二.为什么学习react 大公司加持-fa ...

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

    react的状态state React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作 DOM) class Clock extends React.Compon ...

  5. react学习记录(二)

    JSX 在render中return标签的部分可以插入字符串,数字,数组 class Welcome extends React.Component { render(){ return ( < ...

  6. react 学习记录

    1.  脚手架搭建项目  create-react-app https://www.jianshu.com/p/d196761c8332 2. UI框架 https://ant.design/docs ...

  7. React学习记录二

    环境基本弄清楚了以后,开始总会写个hello world什么的,开发做了这么久了,就跳过这一步吧. 还是从打开vscode说起吧,这里文件菜单打开一个文件夹Demos,查看菜单打开集成终端,也可以使用 ...

  8. react 学习与使用记录

    相关技术:webpack+react+react-router+redux+immutable 郭永峰react学习指南 1.git bash--windows命令行工具 --教程 下载地址 2. i ...

  9. ES6学习记录

    前言 由于要学习React Native ,所以得用到ES6,故为运用React Native做一个铺垫 学习记录 一.变量 1.let let 与 var 作用相同,用于定义变量,但是作用域不同.不 ...

随机推荐

  1. 网络安全基础之arp

    ARP(Address Resolution Protocol),中文解释为地址解析协议,是根据IP地址获取物理地址的一个TCP/IP协议. ARP大致工作流程如下: 主机发送信息时将包含目标IP地址 ...

  2. 工厂模式 jdbc 面向接口dao 开发 单例

    package com.itheima.utils; import java.io.IOException; import java.io.InputStream; import java.util. ...

  3. 【Java密码学】使用Bouncy Castle生成数字签名、数字信封

    Bouncy Castle(轻量级密码术包)是一种用于 Java 平台的开放源码的轻量级密码术包,它支持大量的密码术算法,并提供 JCE 1.2.1 的实现.最近项目上正好用到了Bouncy Cast ...

  4. [Windows] 一些简单的CMD命令

    开始菜单中的“运行”是通向程序的快捷途径,输入特定的命令后,即可快速的打开Windows搜索的大部分程序,熟练的运用它,将给我们的操作带来诸多便捷. winver 检查Windows版本 wmimgm ...

  5. flask --db-Column属性

    db.Column 中其余的参数指定属性的配置选项. 选项名 说 明 primary_key 如果设为 True,这列就是表的主键 unique 如果设为 True,这列不允许出现重复的值 index ...

  6. 从零开始的全栈工程师——js篇2.3

    自加和自减 =赋值运算 他的顺序是从右往左 从后往前 var a=12; 声明一个变量并将12赋值给aa=a+2; 将a+2赋值给a简写a+=3; a=a+3a+=1; a++ 在自己原有的基础上加1 ...

  7. JS转换日期格式

    // 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s).季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占 ...

  8. Caused by: java.lang.NoSuchMethodError: org.objectweb.asm.ClassWriter.<init>(I)V

    项目中各种缺包现象... Caused by: java.lang.NoSuchMethodError: org.objectweb.asm.ClassWriter.<init>(I)V ...

  9. [转]Tomcat日志详解

    Tomcat下相关的日志文件: 1.Cataline引擎的日志文件,文件名为catalina.{date}.log 2.Tomcat下内部代码丢出的日志,文件名为localhost.{date}.lo ...

  10. 自己实现的简单的grid

    12年在第一家公司的时候,有过很长一段时间在前端的使用研究上.一开始的时候使用ExtJs4.0 MVC 来开发前端,觉得里面的风转的组件非常好用,Panel.window.tree等等,简化了对于前端 ...