1. 使用reactjs,一般有以下两种方式:

(1)通过script标签引入reactjs。这种方式不推荐使用,如果我们的项目比较大,就需要对项目进行拆分,于是页面就需要通过script标签引入很多js文件;这样性能很低,维护性也很差。

(2)使用脚手架工具。脚手架是前端开发过程中的一种辅助工具,它会自动帮我们构建一个大型项目的开发流程和目录,允许我们以一定方式去实现 js 的相互引用,让我们更加方便的对项目进行管理。推荐使用

2. 开发环境准备,这里我们使用官方提供的脚手架工具 create-react-app。

安装 create-react-app 之前,我们要先安装 node。

Node.js 安装配置菜鸟教程

安装好Node 之后,我们就可以开始安装 create-react-app 了。

在命令行分别输入以下命令。

npm install -g create-react-app
create-react-app my-app
cd my-app
npm start

稍后会自动打开默认浏览器运行

如上图所示,项目创建成功了。

最新文章

  1. C语言 第二章 数据类型、变量和输入函数
  2. ZOJ Problem Set - 1001 A + B Problem
  3. C++Primer 第十一章
  4. (转)android Fragments详解三:实现Fragment的界面
  5. Objec类和final关键字的用法
  6. BZOJ 1037 [ZJOI2008]生日聚会Party
  7. sqlclr创建表值函数案例
  8. 基于vue2.0的一个豆瓣电影App
  9. Python函数返回不定数量的值
  10. istio入门(02)istio的架构和概念
  11. 【NOIP模拟赛】随
  12. C#判断远程计算机的指定端口是否打开的代码
  13. 解决AndroidStudio引入Jar出现Unable to resolve dependency for ':app@debug/compileClasspath
  14. mysql修改用户密码命令
  15. java使用spark/spark-sql处理schema数据
  16. Redis 队列好处
  17. 使用CSS如何解决inline-block元素的空白间距
  18. js实现弹窗居中
  19. RNN 通过字符语言模型 理解BPTT
  20. C#字符串加密解密

热门文章

  1. [BUAA2021软工助教]个人阅读作业#2小结
  2. Beta_测试说明
  3. mysql基本命令(增,查,改,删)
  4. Java·Maven的安装与配置
  5. .Net·如何快速上手一个项目?
  6. 都 2021 年了,竟然有人搞大数据时忽略 JSON 而去研究用 C# 把 XML 转换为 XML 的技术
  7. mysql集群无法启动成功
  8. nginx 日志管理配置详解
  9. 西门子S7系列以太网通讯处理器安装调式操作
  10. 在vue中使用prismjs