VSCode创建React项目

最新推荐文章于 2024-09-22 14:00:00 发布
最新推荐文章于 2024-09-22 14:00:00 发布
阅读量1.7k 收藏 3
点赞数 1
分类专栏： React 文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37192193/article/details/108844907
版权

1、 打开Teriminal命令行，安装react的脚手架create-react-app

yarn global add create-react-app

2、创建项目命令

create-react-app demo

3、开启项目命令

cd demo

yarn start 或 npm start

4、效果如下：
在这里插入图片描述

快乐小哥
关注
专栏目录
VSCode配置react开发环境的步骤
08-28
本篇文章主要介绍了VSCode配置react开发环境的步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
VScode新建React项目
m0_47053238的博客
03-28 629
VScode创建第一个项目
[React] 从零开始使用 Vite 创建 React 项目
最新发布
Ammmmmmmmn的博客
09-22 398
Node.js 是一个运行 JavaScript 代码的 JavaScript 运行时，它允许我们在服务器端运行 JavaScript 代码。📦 选择 LTS（长期支持版）或 Current（最新特性版）。对于大多数用户，LTS 版本是更稳定的选择。💾 下载适合你操作系统的安装程序，并按照安装向导的提示进行安装。在大多数情况下,你可以接受默认设置。
使用vscode快速搭建React项目的步骤
m0_68218656的博客
03-25 4099
使用Umi搭建项目，Umi 是一个可插拔的企业级 React 应用框架，它具有自动化路由、按需加载、数据流管理、插件化等特性，使得开发 React 应用更加高效和灵活。注意搭建react项目，node版本不能太低，建议使用最新稳定版本，我这里使用的是v20.9.0）②输入项目名称vue-project，选择React（项目名字可自己决定）③输入npx create-next-app@latest。①输入pnpm create vite@latest。②点击工具栏中的查看打开终端，然后切换到cmd。
VS Code上搭建React开发环境
interest_ing_的博客
08-09 6530
react第一篇，如何在vscode上安装配置react， react 如何引入antd组件 / react配置路由 / react页面跳转 / react页面重定向 / 配置eslint / React Hooks ，满满干货！！！
vsCode创建一个react项目
两眼一睁 神志不清
04-12 1656
react 一款前端框架，起源于 Facebook 的内部项目，是一个用于构建用户界面的 JAVASCRIPT 库。（主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）） vscode一款超强的ide，小编习惯使用的ide。（vue项目首选），那么如何利用其创建一个react项目？ 1.在集成终端打开输入命令行，安装react的脚手架create-react-app yarn global add create-react-app 2.创建命令项目 create-react-app d
vscode创建react项目
09-07
在VSCode中创建React项目可以按照以下步骤进行操作： 1. 首先，确保你已经安装了Node.js，你可以从官方网站上下载并安装它。 2. 在VSCode中配置淘宝镜像，这样可以提高依赖包的下载速度。 3. 打开VSCode，并在...
VSCode搭建React Native环境
11-21
创建的react-native的工程拖入vscode中 点击F5即可运行react-native 此时可能出现 如下界面，这是因为没有配置运行文件 在debug 页面，点击如下位置，添加configurations 然后点击添加配置，选择debug android ...
vscode-webview-react:在VSCode Webview中创建React App入门
05-02
该项目旨在为VSCode的web视图中的Create React App和TypeScript提供开箱即用的入门工具包。 发展 在终端中运行以下命令 yarn install yarn run build 然后按F5，在Extension Development Host会话中，从命令面板...
VSCode --- React项目实操
百世经纶『一页書』
11-29 3495
React项目实操 我当时也是第一次写前端，还是比较吃力的。 项目模板从git下载的： coreui-free-react-admin-template Public.
react-在VSCode中为React提供CodePen的开发风格
08-15
在VS Code中为React提供CodePen的开发风格
React开发环境（VisualCode+NodeJs）
12-11
安装说明： 1、安装VisualCode软件：VSCodeUserSetup-x64-1.29.1.exe 2、安装Nodejs：node-v10.14.1-x64.msi;（注意：安装nodejs稳定版本） 3、安装cnpm用cnpm替代npm 打开cmd.exe 输入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org 然后回车，等待安装按成即可。完成后可输入cnpm -v验证 4、安装yarn替代npm 打开cmd.exe 输入命令：cnpm install -g yarn 然后回车，等待安装按成即可。完成后可输入yarn -v验证 5、安装脚手架工具 打开cmd.exe 输入命令：cnpm install -g create-react-app 然后回车，等待安装按成即可。 6、创建项目 (1)在处搭建react项目的区盘上搭建项目文件夹，文件夹须放在区盘顶层或者路径文件夹不能有大写字母或中文，文件夹名要求英文小写； （2）打开cmd.exe，用命令进入文件夹， ①输入区盘回车，如D盘，输入：d: ②输入文件夹路径回车，如：命令：cd D:\webprograms （3）输入创建项目命令后回车，命令：create-react-app +项目环境文件夹名 7、在VSCode中打开项目文件夹 8、项目调试 npm start yarn start运行项目 npm run build yarn build 生成项目 安装cnpm 不安装npm的原因： 国内使用 npm 速度很慢，建议使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
webpack,react不用脚手架创建项目
10-14
webpack,react不用脚手架创建项目,适合初学者，用vscode打开，npm install安装模块,npm run dev
React vscode 创建 react 项目流程【超详细】
热门推荐
qq_45677671的博客
04-19 2万+
文章目录一、安装node二、配置淘宝镜像三、配置 vscode（win10）四、全局安装脚手架五、创建项目 一、安装node 请在官网下载安装：https://nodejs.org/zh-cn/ vscode 中 点击 ( ctrl + `) 调出终端 输入指令node -v，能显示版本号，说明 node 已经装好了 输入指令npm -v，能显示版本号，说明 npm 可以使用了 点击链接查看图文教程 https://blog.csdn.net/qq_45677671/article/detail
VSCode中如何创建React项目
Gamin
02-05 5521
1、下载安装VSCode，Node.js，Yarn Visual Studio Code VSCode帮助文档链接 Node.js 安装较新版本的Node.js https://nodejs.org/zh-cn/ Homebrew MAC上安装brew https://zhuanlan.zhihu.com/p/99104545 mac安装brew(亲测) https://blog.csdn.net/yuanshangshenghuo/article/details/106599836 bre.
vscode新建React项目及初始化
qq_40029828的博客
05-08 958
1、npm init my-app 2、npm start该项目就发布了 初始化： 1、在index.js文档中删除import app的语句 2、删除app的js和css
vs code 调试由create-react-app生成的react项目
找个地方……
03-22 4530
说明：1、假设你的vs code已安装有Debugger for Chrome, 并且已经了解 vs code调试html2、假设你有已有一个用create-react-app生成的react项目，这篇文章基于windows下用npm创建第一个typescript的 ant design项目3、这篇文章参照的https://stackoverflow.com/questions/42714449/...
vscode配置react开发环境
楠的博客
05-28 2977
1、安装 ES7 React/Redux/GraphQL/React-Native snippets 2、在设置-首选项下搜索Include Languages 在下面增加一项 javascript ，javascriptreact。如下图 3、搜索trigger，在Trigger Expansion On Tab选项前勾选。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值