React脚手架安装

最新推荐文章于 2022-09-14 11:10:17 发布
最新推荐文章于 2022-09-14 11:10:17 发布
阅读量414 收藏 1
点赞数 2
分类专栏： react创建 文章标签： react 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52952227/article/details/126837898
版权

第一步，win+r打开cmd然后全局安装：npm i -g create-react-app

 第二步：就可以切换到想创建项目的目录里，切换完了输入create-react-app hello_react敲回车 (这里我选择的是E盘，注意后面的hello_react是自己想定义的文件名字，但是文件名字不能出现中文，大写或特殊符号)

第三步 ：创建完成后是这个样子，然后使用vscode打开创建的这个文件

 第四步：在vscode中集成终端输入npm start就可以打开项目

第五步：出现这样的页面就是创建成功了

 

 

纪_梵希
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
安装react代码行工具(脚手架)
2201_75943567的博客
06-28 114
在使用 create-react-app 来创建一个新的React应用，在拉取各种资源时,往往会非常慢,一直卡在那,因为资源还是使用了 npm下载的, 我们可以换成淘宝的资源, 执行指令。1, 安装react代码行工具(脚手架), 基于webpack工具构建项目。3,启动react项目 (需要cd进入项目my-app根目录)2, 使用vite构建项目, 选择react。3, 切换到项目根目录, 安装依赖包。2,创建一个react应用程序,npm版本过高或node版本过低。4, 运行,启动vite项目。
「记录篇」我是如何一步步为公司搭建react项目脚手架的
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
06-01 658
create-vct这是一个用于初始化 vite + React 企业级项目的脚手架工具。运行流程create-vct-flow.gif???? 安装 & 使用npxcreate-vct #or npmicreate-vct-g create-vct起因我们公司前端统一用 vue3，但最近有个白板项目产品经理：客户想要个画板，你们前端能不能做？[1]，只有 react 的框架可以做。...
React 脚手架的安装方法
01-06
react 脚手架的安装方法 安装的方法都与个人的使用习惯相关，以下就介绍两种使用较多的 node环境下 方法一： 全局安装 npm install create-react-app -g 还可以查看版本号 create-react-app -V 安装好之后就可以创建项目文件 例如： 创建一个 名称 h 项目文件 create-react-app h 方法二： 该方法较上述方法的优点是 可以避免全局安装 使用npx ，npx是npm5.2 之后新加的一个功能 例如： 创建一个 名称 h 项目文件 npx create-react-app h 创建完成后 运行： cd h n
react官方脚手架安装
lzfengquan的博客
04-08 1576
1 npm i create-react-app -g 全局安装 2 create-react-app --version 检测版本号 3 create-react-app 项目的名字（项目名一般小写） 4 cd 项目的名字 5 运行 yarn start
安装React脚手架
sdhiush的博客
07-29 2277
React脚手架的搭建
react脚手架安装
曲小强
12-21 544
1.安装creat-react-app cli npm install -g create-react-app 2.创建工程 create-react-app reactdemo 文件夹名字不能有大写 然后进入项目根目录reactdemo安装相关依赖 cd reactdemo npm install 3.暴露配置项 由于采用create-react-app创建的项目webpack...
react 脚手架 项目框架
最新发布
06-28
直接npm 即可使用 react脚手架 项目包 ts
react项目脚手架
05-06
npx create-react-app my-app命令创建的react项目脚手架，在nodejs+npm环境下既可以通过命令npm start启动该项目
react脚手架文件.zip
01-07
react脚手架文件,包括前端安装包管理文件，主页文件和注册登录页。==
基于webpack4.X从零搭建React脚手架的方法步骤
10-17
主要介绍了基于webpack4.X从零搭建React脚手架的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
React的环境搭建以及脚手架的安装
小茳辞
03-18 504
1.安装node.js 　　如果安装了，就请参照第二步；没有的话，去node.js官网下载：https://nodejs.org/zh-cn/download/； 　　 2.检查版本号 在命令窗口输入node -v和npm -v　 因为国内使用npm很慢，我们可以使用淘宝的cnpm，同时设置镜像地址 指令：npm install -g cnpm --registry=https://registry.npm.taobao.org 检查淘宝镜像是否安装成功 cnpm -v 3.全局安装react脚手架
《web开发： React （脚手架）介绍与安装》
yexiangCSDN的专栏
01-18 268
一、React 介绍 1. 什么是 React React 是一个用于构建用户界面的 JavaScript 库 用户界面：HTML页面（前端），React 主要用来写HTML页面，或构建Web应用 如果从 MVC 的角度来看，React 仅仅是视图层（V），也就是只负责视图的渲染，而并非提供了完整的 M 和 C 的功能。 React 起源于 Facebook 的内部项目，后又用来架设 Instagram 的网站，并于 2013 年 5 月开源 2 React 的特点 声明式 基于组件 学
React安装脚手架
m0_61660028的博客
09-14 547
用create-react-app命令创建React脚手架。
安装react脚手架
Tanjc518的博客
01-25 2956
一、安装Node环境 1.1、安装nodeJs.exe node -v (10.15.0) npm -v (6.4.1) 1.2、安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 优点： 1、国内服务器，速度更快 2、淘宝镜像，支持使用“本地缓存”安装环境 1.3、安装less cnpm i less -g ...
React 脚手架基本安装
微风的博客
09-15 302
# 步骤 首先 全局安装 create-reate-app npm install -g create-react-app ## 创建项目 npx create-react-app 项目名 npm init react-app 项目名 yarn create react-app 项目名 ## 启动项目 cd 项目名 npm run start / npx start / yarn start ...
react脚手架安装教程(1)
迈刀bb
09-21 262
1.首先安装node且node版本号>=8.6.x和安装npm。直接去node官网下载（https://nodejs.org/en/）最好下载目前的稳定版也就是LTS版本。直接点击傻瓜式下载就好了。 2.接下来直接去react官网找到 Create a New React App点击进去找到这句命令。 npx create-react-app my-app 然后这里的项目名不能...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值