前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >react小白学习快速上手

react小白学习快速上手

作者头像
挑战者
发布2018-06-29 17:30:35
2.1K0
发布2018-06-29 17:30:35
举报
文章被收录于专栏:java沉淀java沉淀
第一步:安装node.js 下载链接https://nodejs.org/en/
代码语言:javascript
复制
如何查看是否安装成功:黑窗口(命令行)中输入:node -v 

图片.png

第二步:安装tnpm这个是国外的网站下载jar比较快:
代码语言:javascript
复制
在黑窗口(命令行)中输入:npm install tnpm -g --registry=http://registry.npm.alibaba-inc.com
第三步:安装 dva-cli链接
代码语言:javascript
复制
通过 npm 安装 dva-cli 并确保版本是 0.7.0
 或以上。
$ npm install dva-cli -g$ dva -v0.7.0
第四步:创建新应用学习链接
代码语言:javascript
复制
安装完 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这级目录
代码语言:javascript
复制
在黑窗口(命令行)中输入:tnpm install --verbose   //拉下来代码后要执行tnpm install 下载js的依赖包。verbose是为了查看下载包的进度
react代码demo:https://github.com/zuiidea/antd-admin
第六步:启动项目:
代码语言:javascript
复制
然后我们 在黑窗口(命令行)中输入:cd
进入 dva-quickstart
目录,并启动开发服务器:
$ cd dva-quickstart
$ npm start

图片.png

第五步:在浏览器中进行访问demo
代码语言:javascript
复制
几秒钟后,你会看到以下输出:
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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017.02.21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 第一步:安装node.js 下载链接https://nodejs.org/en/
  • 第二步:安装tnpm这个是国外的网站下载jar比较快:
  • 第三步:安装 dva-cli链接
  • 第四步:创建新应用学习链接
  • 第五步:如果拉的是别人的demo小例子:项目的.git或者.svn这级目录
    • react代码demo:https://github.com/zuiidea/antd-admin
    • 第六步:启动项目:
    • 第五步:在浏览器中进行访问demo
    • 第六步:学习文档:
      • 1、react目录结构介绍:
        • 2、快速上手学习文档:http://ant-tool.github.io/dora.html
          • 3、12步学会react:
            • 4、React 技术栈
              • 5、h5app前端代码:
                • 6、react代码demo:
                  • 7、redux文档:
                    • 8、学习es6:
                    领券
                    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档