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 条评论
登录 后参与评论

相关文章

来自专栏linux系统运维

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

NFS(Network File System)即网络文件系统,是FreeBSD支持的文件系统中的一种,它允许网络中的计算机之间通过TCP/IP网络共享资源。在...

4215
来自专栏从零开始学自动化测试

pytest文档26-conftest.py作用范围

一个测试工程下是可以有多个conftest.py的文件,一般在工程根目录放一个conftest.py起到全局作用。 在不同的测试子目录也可以放conftest....

9014
来自专栏Android知识点总结

SpringBoot-03-之热部署

1324
来自专栏L宝宝聊IT

部署Tomcat及其负载均衡示例

1233
来自专栏java相关

CentOS 7 防火墙设置

3463
来自专栏实战docker

kubeadm搭建kubernetes集群之二:创建master节点

在上一章《kubeadm搭建kubernetes集群之一:构建标准化镜像》中我们用VMware安装了一个CentOS7虚拟机,并且打算用这个虚拟机的镜像文件作为...

3538
来自专栏余生开发

vue - .babelrc

        // env项是借助插件babel-preset-env,下面这个配置说的是babel对es6,es7,es8进行转码,并且设置amd,comm...

1292
来自专栏Jackson0714

升级node版本

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

1.7K3
来自专栏主机笔记

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

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

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

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

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

20810

扫码关注云+社区

领取腾讯云代金券