React.js框架新人手把手教你如何搭建项目

1、安装node.js

node.js官网:https://nodejs.org/en/

根据安装提示安装node.js,npm包管理工具也会一同安装。

安装完成后,打开cmd命令行,输入 node -v 和 npm -v 来查看版本号,如果显示则安装完成。

 2、用npm创建新的项目,首先用npm 安装 create-react-app工具,其可以自动地在本地目录中创建react项目。

在cmd命令行中输入:

npm install -g create-react-app

等待其安装,意思是全局安装create-react-app脚手架工具,然后就可以使用命令创建新的react项目。

3、在cmd中输入:        

create-react-app my-new-app     接下来你讲会等待“几分钟”,一定要有耐心有耐心喔!

安装完成后按照提示:

 4、npm start启动项目之后,浏览器输入:http://localhost:3000/   即可出现

希望能帮助正在看的你,若有问题,请在评论区留言。

原文地址:https://www.cnblogs.com/CinderellaStory/p/11848032.html

时间: 2024-10-16 18:05:36

React.js框架新人手把手教你如何搭建项目的相关文章

手把手教你构建gradle项目

我先来阐述一下我认为的gradle项目的优势吧 1:语法简单,集成了ant和maven的很多优点,简单的语法和完善的文档造就了其不可估计的前途 2:构建容易,一个build.gradle文件,一行指令,即可构建你的项目 3:方便导入依赖库 我这个人就喜欢瞎捉摸,虽然不是计算机专业的,但是读研这段时间确喜欢上了计算机,第一次接触gradle是在学libgdx引擎的时候,那时候还不知道gradle的作用,后面越学越深的时候发现了很多问题,构建项目的时候往往导入一个包不能解决问题,现在的工程越来越大,

手把手教你做JavaWeb项目:登录模块

现如今,无论是客户端还是移动端,无论是游戏登陆还是社交平台登陆,无处不在的“登陆”.那么你知道怎么制作吗?今天就为你娓娓道来: 用户登录 在各大信息管理系统中,登录功能是必不可少的,他的作用就是验证用户的身份,判断用户是否是本站的会员,只有会员才能访问当前系统 登录的实现步骤: 1.用户填写账号和密码,提交到后台2.后台获取到账号和密码后,将其发送到数据库中进行查询3.查询结果如果为null,说明用户填写的账号或者密码有误,应该回到登录页面并提示用户重新输入4.查询结果如果不为null,说明用户

vue.js、angularJS、react.js框架比较

下载链接:https://www.yinxiangit.com angularJS特性 模板功能强大丰富(数据绑定大大减少了代码量) 比较完善的前端MVC框架(只要学习这个框架,按照规定往里面填东西就可以完成前端几乎所有的的问题) 引入了Java的一些概念 angularJS的一些问题 性能问题 (脏检查机制)在angular中被废除了,整体性能被提升 路由问题 (使用的是第三方模块)在angular中路由器是主要的机制 作用域问题(不能用原生的事件,想用就要调用一个方法)在angular中任何

手把手教你从零开始搭建SpringBoot后端项目框架

原料 新鲜的IntelliJ IDEA.一双手.以及电脑一台. 搭建框架 新建项目 打开IDE,点击File -> New Project.在左侧的列表中的选择Maven项目,点击Next. 填写GroupId和ArtifactId 什么是GroupId和ArtifactId?大家可以参考一下google出来的定义,可以参考一下. GroupID是项目组织唯一的标识符,实际对应JAVA的包的结构,是main目录里java的目录结构. ArtifactID就是项目的唯一的标识符,实际对应项目的名称

手把手教你如何搭建自己的渗透测试环境

介绍 白帽子是指个体发起的黑客攻击,找到系统潜在的可能被恶意黑客利用的的漏洞或脆弱点.在目标不知情或者没得到授权的情况下发起黑客攻击是非法的.所以通常是建立一个自己的实验室,练习黑客技术. 在这个实验室里,你能看到如何创建一个自己的黑客环境,练习各种各样的黑客攻击技术.我们将会探讨不同类型的虚拟系统,构建一个虚拟网络,在虚拟环境中运行试用版的操作系统,搭建一个有漏洞的web应用程序,安装Kali LInux,执行渗透测试. 所需条件: VMware Workstation Windows XP系

新手指南:手把手教你如何搭建自己的渗透测试环境

介绍 白帽子是指个体发起的黑客攻击,找到系统潜在的可能被恶意黑客利用的的漏洞或脆弱点.在目标不知情或者没得到授权的情况下发起黑客攻击是非法的.所以通常是建立一个自己的实验室,练习黑客技术. 在这个实验室里,你能看到如何创建一个自己的黑客环境,练习各种各样的黑客攻击技术.我们将会探讨不同类型的虚拟系统,构建一个虚拟网络,在虚拟环境中运行试用版的操作系统,搭建一个有漏洞的web应用程序,安装Kali LInux,执行渗透测试. 所需条件: VMware Workstation Windows XP系

10 个打造 React.js App 的最佳 UI 框架

在本文中,我们将分享一些助你打造 React.js App 最佳的 UI 框架.它们具备你所需要的基本 React 组件,以及易用的 API,同时,在外观和体验上也非常棒.Have Fun ! 1. Material-UI 基于谷歌 Material Design 设计规范的 React 组件 此外,它还是 React 的第一个 UI 套件.Material-UI具备你所需要的所有组件(甚至更多),以及可配置性极高的预定义调色板和<MuiThemeProvider>,帮助你为应用程序定制相应的

构建 React.js 应用的十佳 UI 框架,都在这了!

构建你的下一个 React.js APP,有这些优秀的 UI 框架就够了. 1.Material-UI 一套实现 Google Material Design 的 React 组件 同时,它也是 React 的第一批 UI 工具套件之一.Material-UI 包含你需要的所有组件(甚至更多). Material-UI 预定义的调色板和 <MuiThemeProvider>  可配置性极高,允许为 APP 自定义颜色主题. Material-UI 之前的版本个人认为有一些性能问题,但从 3.0

收集的React.JS资料

主页 http://facebook.github.io/react/ https://github.com/facebook/react   前端Flux架构简介 http://www.jdon.com/idea/flux.html   React论坛 http://react-china.org/   ReactJS教程: 开始使用Facebook的ReactJS http://xinranliu.me/2014-10-26-getting-started-with-facebooks-re