美文网首页
react 起步

react 起步

作者: 11158_7af7 | 来源:发表于2018-12-04 11:37 被阅读42次

react  

React 是一个用于构建用户界面的 JAVASCRIPT 库。

React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。

React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。

React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。

react 技术栈
react => react router => react redux  目前来说我个人不学rn 转flutter 了.

1.起步脚手架

起步准备: node js 安装   个人版本是8.11 考虑到es78 尽量安装 8.x 以上的

2.     控制台npm install -g create-react-app  回车  全局安装create-react-app脚手架(安装时间可能会比较长 视网速而定)

3. create-react-app my-app    create-react-app  是第二布安装的全局命令        命令  create-react-app   <app 的名字>

编辑器 个人推荐vscode 比较小巧 

实战截图

1 默认用yarn 下载 下载完成

根据提示 输入 cd app +回车 

 yarn start    +回车   

这2个命令会按照顺序执行

y、,出现这种情况是3000端口被占用了,用另外一个端口代替就行了 开始启动

然后启动成功之后,会在我们默认的浏览器打开一个窗口

预览

回到控制台

local本地访问,下面一个地址是可以在局域网访问的,作用便于开发和测试

完结

相关文章

  • react 起步

    react React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI,很多人认...

  • react起步

    1 .安装 create-react-app 第一行的 npx 不是拼写错误 —— 它是 npm 5.2+ 附带的...

  • React起步——npm

    npm中文网npm模块管理解析 命令介绍 在项目中引导创建一个package.json文件,用来配置项目。pack...

  • react记账本

    React 项目搭建 - 起步 运行 yarn config set registry https://regis...

  • 学习文档

    开始 起步 安装 Next.js 只支持 React 16 由于某些原因我们不得不放弃支持 React 15 添加...

  • 【react】1-- 起步

    react中文官网:https://zh-hans.reactjs.org/ React 简介 安装 React文...

  • react脚手架扩展sass、react-router

    开端,作为前端框架最为火热的react开发,很多小白起步困难,无从下手。react的难点在于入手,一旦入手就很容易...

  • react 基础

    起步 创建项目:npx create-react-appmy-app 打开项目: cd my-app 启动项目:n...

  • react起步——jsx转换之路

    吐槽一下:学啥都是,真难,可能看一上午文章,还解决不了一个问题。万事开头难,不着急 使用npm获得react包 n...

  • React-Native--Android起步

    参考:React-Native中文文档

网友评论

      本文标题:react 起步

      本文链接:https://www.haomeiwen.com/subject/kjrmcqtx.html