react小白学习快速上手

第一步:安装node.js 下载链接https://nodejs.org/en/
如何查看是否安装成功:黑窗口(命令行)中输入:node -v 

图片.png

第二步:安装tnpm这个是国外的网站下载jar比较快:
在黑窗口(命令行)中输入:npm install tnpm -g --registry=http://registry.npm.alibaba-inc.com
第三步:安装 dva-cli链接
通过 npm 安装 dva-cli 并确保版本是 0.7.0
 或以上。
$ npm install dva-cli -g$ dva -v0.7.0
第四步:创建新应用学习链接
安装完 dva-cli 之后,就可以在命令行里访问到 dva
 命令([不能访问?](http://stackoverflow.com/questions/15054388/global-node-modules-not-installing-correctly-command-not-found))。现在,你可以通过 dva new
 创建新应用。
$ dva new dva-quickstart

这会创建 dva-quickstart
 目录,包含项目初始化目录和文件,并提供开发服务器、构建脚本、数据 mock 服务、代理服务器等功能。
第五步:如果拉的是别人的demo小例子:项目的.git或者.svn这级目录
在黑窗口(命令行)中输入:tnpm install --verbose   //拉下来代码后要执行tnpm install 下载js的依赖包。verbose是为了查看下载包的进度
react代码demo:https://github.com/zuiidea/antd-admin
第六步:启动项目:
然后我们 在黑窗口(命令行)中输入:cd
进入 dva-quickstart
目录,并启动开发服务器:
$ cd dva-quickstart
$ npm start

图片.png

第五步:在浏览器中进行访问demo
几秒钟后,你会看到以下输出:
Compiled successfully!The app is running at: http://localhost:8000/Note that the development build is not optimized.To create a production build, use npm run build.

在浏览器里打开 [http://localhost:8000](http://localhost:8000/) ,你会看到 dva 的欢迎界面。
第六步:学习文档:
1、react目录结构介绍:

https://github.com/dvajs/dva-docs/blob/master/v1/zh-cn/tutorial/01-%E6%A6%82%E8%A6%81.md/

2、快速上手学习文档:http://ant-tool.github.io/dora.html
3、12步学会react:

https://github.com/sorrycc/blog/issues/18 https://www.npmjs.com/package/roadhog

4、React 技术栈

https://github.com/ruanyf/jstraining/blob/master/docs/react.md

5、h5app前端代码:

http://gitlab.alibaba-inc.com/aliyun/sales-console-frontend-mobile

6、react代码demo:

https://github.com/zuiidea/antd-admin

7、redux文档:

http://redux.js.org(中文文档)

8、学习es6:

http://es6.ruanyifeng.com/#docs/array

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Jackson0714

升级node版本

$ sudo n stable (安装node最新版本) 或安装指定版本 $ sudo n (可以安装node指定版本 sudo n 10.10.0)

5502
来自专栏Snova云数仓

Snova添加子用户及策略操作指南1

在用户列表中,选择需要授权的子用户。关联snova相关读写权限。策略关联成功后,子用户即获取相关资源权限。

1497
来自专栏菩提树下的杨过

msmq在Internet上访问的问题(只能发送,不能接收)

今天测试了一下,message queue的private队列,在internet上可以发送,只要知道服务端的IP地址即可(当然服务端的队列权限要给足) 注意:...

19610
来自专栏linux系统运维

NFS介绍,NFS服务端安装配置,NFS配置选项

1724
来自专栏Java后端生活

Linux(十四)网络配置

1965
来自专栏Android知识点总结

SpringBoot-03-之热部署

1164
来自专栏python百例

120-打造vim为python IDE

pycharm之类的IDE很好,但是不能在无图形的终端下使用,另外它们是“重量级选手”。如果偶尔需要vim编辑python程序,能让vim支持python的语法...

1224
来自专栏L宝宝聊IT

部署Tomcat及其负载均衡示例

1143
来自专栏技术最杂谈

snova子账号操作指南1

在用户列表中,选择需要授权的子用户。关联snova相关读写权限。策略关联成功后,子用户即获取相关资源权限。

1122
来自专栏主机笔记

vim编辑器在linux下的几个常用操作

在linux系统中vim可以说是最常用到的编辑器了,但是vim和在windows下的notepad有很大的不同,今天就介绍一下vim常用的几个操作。 首先需要打...

2975

扫码关注云+社区