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定制服务商,提供一站式移动应用解决方案,满足您的各类需求,欢迎免费评估需求和获取报价。