使用create-react-app创建新项目

最新推荐文章于 2024-04-13 04:15:19 发布
最新推荐文章于 2024-04-13 04:15:19 发布
阅读量138 收藏
点赞数 1
分类专栏： 笔记 文章标签： react.js vscode npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DT_XUE321/article/details/120298577
版权

使用官方脚手架create-react-app创建新项目

  1. 全局安装create- react- app脚手架 sudo cnpm install -g create-react-app
    在这里插入图片描述
  2. 检查是否安装成功 create-react-app --version
    在这里插入图片描述
  3. 创建一个项目 create-react-app 项目名字(英文小写) 例： dc_2021_1
    在这里插入图片描述
    在这里插入图片描述
    4.使用vs code 打开项目
    在vs code中使用 ⇧⌘P 打开命令面板，然后输入 Install ‘code’ command in PATH，点击安装即可，或者输入code . 点击如图所示
    在这里插入图片描述
  4. 在终端中切换到要打开的项目，输入code .

在终端中进入要打开的文件夹，然后直接在终端中输入 code .，即可在VSCode中打开当前文件夹！

这是一台机器
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React项目使用craco（由create-react-app创建项目）
weixin_57844432的博客
11-22 3371
craco适用：使用 create-react-app 创建项目，不想 eject 项目但想对项目中 wepback 进行自定义配置的开发者。
使用react脚手架来创建项目（使用create-react-app创建react应用）
weixin_48952990的博客
08-16 383
使用react脚手架来创建项目（使用create-react-app创建react应用）
React（4）—— 使用create-react-app创建一个React项目
最新发布
2301_79098873的博客
04-13 793
总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。点击这里领取Web前端开发经典面试题些内容对你有帮助，可以扫码获取！！（备注：前端）**总结来说，面试成功=基础知识+项目经验+表达技巧+运气。
如何创建一个 react 项目
热门推荐
青蛙king的博客
12-17 3万+
前言 构建React项目的几种方式： create-react-app 脚手架快速搭建 react 项目（推荐）。 generator-react-webpack 脚手架搭建 react 项目。 webpack 一步一步构建 react 项目。 一、create-react-app 脚手架快速搭建 react 项目 要求：Node>=8.10 并且 npm>=5.6 1、安装 create-react-app npm install -g create-react-app .
react全讲解
贝贝小菜鸟的博客
02-04 6679
1.1起步 创建项目:npx create-react-app my-app 打开项目: cd my-app 启动项目:npm start 暴露配置项:npm run eject 1.2文件结构 其中:README.md–文档 public–存放静态资源 src–源码 App.js–根组件 index.css–全局样式 index.js–入口文件 package.json–npm 依赖 config里面的webpack.config.js,可以看出能够支持ts、sass及css模块化 entry:
react---create-react-app搭建项目
maidu_xbd的博客
06-12 410
【index.js】--将APP组件渲染到页面。%PUBLIC_URL%代表public目录。【index.html】--应用入口文件。【Hello组件/Welcome组件】3.hello_react示例。
create-react-app构建项目慢的解决方法
01-19
create-react-app慢的解决方法 在操作官方实例Create ...解决方案是换源,虽然平常使用cnpm来代替npm,但也只是使用新的指令而已，而在寻求create-react-app的相关配置希望修改registry时失败了，最后发现create-react-ap
create-react-app修改为多页面支持的方法
12-03
新公司前端就我一个，目前个人选型用react...在已经通过create-react-app生成项目的基础下yarn run eject yarn add globby 用于查看html文件 修改config/paths.js //遍历public下目录下的html文件生成arry const glob
create-react-native-app：创建可在iOS，Android和Web上运行的React Native应用
01-29
npx create-react-native-app创建一个新的本地React应用。 yarn ios （ react-native run-ios ）生成iOS应用（需要MacOS计算机）。 yarn android （ react-native run-android ）生成Android应用程序。 yarn web ...
react以create-react-app为基础创建项目
08-27
接下来，使用`create-react-app`创建一个新的项目： ```bash create-react-app [project-name] ``` 在这里，`[project-name]`是你选择的项目名称。例如，你可以输入`create-react-app my-app`来创建一个名为`my-...
详解create-react-app 自定义 eslint 配置
08-27
Create-react-app是React官方提供的一个项目模板工具，通过它可以快速创建一个新的React项目，但是在使用过程中，开发者可能需要自定义eslint配置，以满足项目的需求。Eslint是一个流行的JavaScript代码检查工具，...
hello-world-react-template:内置于React的适用于任何项目的通用Make.cm入门模板-生成任何内容
05-13
制作Hello World入门模板（React） 该项目是通过引导的。 寻找其他语言？ React 开发服务器 安装所有必需的依赖项yarn install 为开发服务器运行yarn start 。 导航到http://localhost:3000/ 。 如果您更改任何源文件，该应用程序将自动重新加载。 打造建筑 运行yarn build以使用正确的资源路径构建项目，以进行部署。 构建工件将存储在/build目录中。 汇入Make 导入时请确保从/build文件夹导入。 以下data输入也可用。 headline ：字符串 backgroundImage ：字符串（公共URL） showLogos ：布尔值 支持 以下是一些有用的链接，可帮助您入门 ：第一个电话点 ：如果发现错误或有任何反馈，请在twitter上给我们留言
React create-react-app脚手架配置
coding...
04-08 2140
React create-react-app脚手架配置
react create-react-app v5 从零搭建（使用 npm run eject）
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
09-28 3871
好久没用 create-react-app做项目了，这次为了个h5项目，就几个页面，决定自己搭建一个（ps:mmp 好久没用，搭建的时候遇到一堆问题）。我之前都是使用 umi。后台管理系统的项目 使用 antd-pro框架。实际上antd-pro 是基于umi搭建集成的框架。里面封装好了各种东西，开箱即用。
使用 create-react-app 构建一个 react 项目的基础架构
Asa的专栏
01-18 8216
项目介绍 使用 create-react-app 构建一个 react 项目的基础架构 包括: react-router4.0 的使用 axios 获取远程api内容 从 flux -> redux -> redux-sage 迁移转变的过程，mobx 本教程并未涉及，有兴趣的自己去了解一下 antd UI 组件的添加 … 项目安装 git clone '' cd re...
使用“Create React App”包设置 React 项目
我的博客，不一样的自我表达
05-30 155
Create React App 提供了一种使用单个终端命令快速设置 React 应用程序的方法。这将在文件夹中创建一个新的 React 应用程序 hello-world。如果您有兴趣完成这些教程中的任何一个，那么值得让自己熟悉文件和文件夹结构，因为这将使后续操作变得更加容易。这将在位于 localhost:3000 的实时开发服务器上的浏览器中打开以下页面。如果你喜欢我的文章，记得关注获取更多的信息。这将在项目中创建一个新的“构建”文件夹，其中包含要部署的优化代码和资产。
React创建项目
qq_59076775的博客
04-01 4933
React项目的创建
使用create-react-app创建ts项目
逆袭的菜鸟X
08-19 8588
1、项目安装运行 create-react-app 你的项目名 --typescript npm start 2、项目首页 import React from 'react'; import logo from './logo.svg'; import './App.css'; import Arrowlist from './home'; const App: React.FC = () => { return ( <div className="App">
vue create创建项目手动配置步骤
weixin_45032067的博客
08-16 2954
vue create创建项目
create-react-app创建ts项目
08-17
要使用create-react-app创建TypeScript项目，您可以按照以下步骤进行操作： 1. 首先，保您已经安装了Node.js和npm。您可以在终端或命令提示符中运行以下命令来验证安装是否成功： ``` node --version npm --...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值