175-2108-6175
网站建设资讯详细

React安装教程

日期:2023-05-20  作者:千语创想  浏览:2925

React可以直接下载使用,官网 http://facebook.github.io/react/ ,下载包中也提供了很多学习的实例。

也可以直接使用 React CDN 库,地址如下:

<script src="https://unpkg.com/react@17/umd/react.production.min.js"></script>

<script src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

注意事项:

在开始一切操作之前, 请检查你的 vscode 工作路径是否有包含中文, 如果有, 请修改它们至你硬盘的某个分区的根目录下,并将其命名为 example 或 workspace。以避免我们在开发的过程中会遇上一些奇怪且棘手的错误。

检查你的 nodejs 的版本号

检查你的 npm 的镜像地址

检查你的 yarn 的镜像地址

node-vnpm config list// 如果显示 metrics-registry = "http://registry.npmjs.org/"// 执行 npm config set registry https://registry.npm.taobao.orgyarn config list// 同样的, 如果发现镜像不在taobao的, 修改它// 执行 yarn config set registry https://registry.npm.taobao.org

使用 react 脚手架创建项目

使用 npx create-react-app 来创建项目. 请注意,这里是 npx 而不是 npm; npx 是 npm 的一个新工具,它可以将远程 node 项目拉回到本地临时文件里运行,完成后再删除掉这个临时文件。它最大的好处是减少了我们全局安装某些脚手架的操作。

来千语创想移动应用开发平台学习更多APP开发知识:app开发app制作app开发源码下载app开发框架app制作模板等免费获取。

千语创想-专业APP开发app定制服务商,提供一站式移动应用解决方案,满足您的各类需求,欢迎免费评估需求和获取报价。


转载请注明来自:https://www.qianyuthink.com/news/7503.html
上一页:React开发实例
下一页:React JSX介绍