React学习笔记(一)

使用npm全局安装bower npm install -g bower 安装完成后使用bower安装react bower install react 安装完成后会看见出现了bower_component文件夹,其内部含有react文件
使用touch index.html 在当前目录下新建index.html文件
subl index.html 使用sublime text打开index.html
安装过程如下
React学习笔记(一)_第1张图片

此错误表示return 里需要一个tag标签将其包裹住
此错误表示return 里需要一个tag标签将其包裹住
此错误一般表示标签开闭有问题
React学习笔记(一)_第2张图片

渲染自组件的时候还可以用循环,传递一个数组
此提示表示传递数组的时候,每一个child就是自组件必须有一个key
这里写图片描述

2 3
不能直接改变state而是改变setState(官方文档上有说明)

npm -v 查看版本
sudo npm install npm –global 更新npm 简写-g
npm uninstall xxx –global 删除某个包
mkdir xx 创建一个目录xx
npm list 简写 npm ls 列出在项目目录中安装的东西
npm默认安装的包都是最新版本的 如果要安装特定版本的包
使用npm info 包名 查看包的信息 npm install 包名@版本号 进行安装特定版本的包
npm init 创建package.json 项目相关介绍 必须包括项目名称和版本
cat package.json查看
npm install 包 –save将报放到package.json的dependencies里 依赖
放到devDependencies里用–save-dev
rm -rf node_modules删除 node_modules 其他人使用的时npm install可以再次安装 node_modules文件 项目依赖的所有的包
React学习笔记(一)_第3张图片
如果要删除为项目安装的包同时将它从package.json的
dependencies中去掉 npm uninstall 包 –save
检查更新本地的包 npm outdated
项目的版本号 “gulp”:”^2.0.2”表示只能更新到版本号的第二位 最安全
“gulp”:”~2.0.2”表示只能更新到版本号的第三位
“gulp”:”*2.0.2”表示能更新到最新版本
React学习笔记(一)_第4张图片
更新 npm update
npm install nrm -g 安装nrm可以更换安装源
nrm ls 查看可以使用的源 *表示当前使用的源
React学习笔记(一)_第5张图片
nrm test测试连接源的速度
React学习笔记(一)_第6张图片
切换源 nrm use 源名    如nrm use taobao

你可能感兴趣的:(React学习笔记(一))