精华内容
下载资源
问答
  • 创建react项目
    2022-04-25 16:19:22

    创建方式一

    1. 先全局安装脚手架工具包
    npm i -g create-react-app
    
    1. 用脚手架工具来创建项目
     create-react-app your-project-name
    

    创建方式二

    1. 直接使用npx来创建项目

    命令:

    npx create-react-app your-project-name
    

    解释:

    npx create-react-app 是固定命令,create-react-app 是 React 脚手架的名称
    your-project-name 表示项目名称,可以修改

    拓展

    npx 是 npm v5.2 版本新添加的命令,用来简化 npm 中工具包的使用

    没有npx之前:
    全局安装npm i -g create-react-app
    在通过脚手架的命令来创建 React 项目
    有了npx之后
    npx 调用最新的 create-react-app 直接创建 React 项目

    更多相关内容
  • Vite创建React项目

    千次阅读 2021-09-16 14:25:33
    项目创建完成5. 项目结构6. 启动项目 Vite 需要 Node.js 版本 >= 12.0.0。(node -v 查看自己当前的node版本) 使用 yarn:yarn create @vitejs/app 使用 npm:npm init @vitejs/app 1. 输入项目名称 这里...


    Vite 需要 Node.js 版本 >= 12.0.0。(node -v 查看自己当前的node版本)

    • 使用 yarn:yarn create @vitejs/app
    • 使用 npm:npm init @vitejs/app

    1. 输入项目名称

    这里输入我们的项目名称:vite-react
    在这里插入图片描述

    2. 选择框架

    这里选择我们需要集成的框架:react
    在这里插入图片描述

    • vanilla:原生js,没有任何框架集成
    • vue:vue3框架,只支持vue3
    • react:react框架
    • preact:轻量化react框架
    • lit-element:轻量级web组件
    • svelte:svelte框架

    3. 选择不同

    这里我们选择:react
    在这里插入图片描述

    4. 项目创建完成

    在这里插入图片描述

    5. 项目结构

    项目结构非常简单:
    在这里插入图片描述

    6. 启动项目

    • 进入项目:cd vite-react
    • 安装依赖:npm install
    • 运行项目:npm run devnpx vite
    • 编译项目:npm run buildnpx vite build

    启动速度极快
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • VSCode创建React项目

    2021-12-07 14:31:57
    VSCode创建React项目 1、 打开Teriminal命令行,安装react的脚手架create-react-app yarn global add create-react-app 2、创建项目命令 create-react-app demo 3、开启项目命令 cd demo yarn start 或 ...

    VSCode创建React项目

    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、效果如下:

     

    展开全文
  • 创建React项目全过程(傻瓜式教程)

    千次阅读 2021-12-29 16:07:43
    创建React项目。npm无法识别

    首先创建react项目可以先下载脚手架create-react-app(类似于vue的脚手架vue-cli)。

    ①打开cmd,执行:npm install -g create-react-app ; 全局安装。

    如果执行失败,可能是node版本问题, react文档中要求Node >= 8.10 和 npm >= 5.6,查看版本:node -vnpm -v;如果node版本低,可以去node官网下载Download | Node.js;(下载完成后,记得编辑环境变量和配置全局路径和缓存路径)

    具体安装步骤参考博文:node安装详解_樊小樊的博客-CSDN博客_node安装

    安装完node,如果cache报错,可以试一下清除缓存

    以管理员身份打开cmd, 执行:npm cache verify;或者npm cache clean

    ②第一步成功后,cd进到你想要创建项目的文件夹,执行:create-react-app my-app 新建并对react项目进行命名(注:项目名称不能有大写,my-app是自定义的项目名)

    ③第二步成功后,cd进入my-app项目,执行:npm start

    运行成功后浏览器会自动打开,默认端口为3000;如果没有自动打开,手动:http://localhost:3000

    ④想在编辑器上开发,以vscode为例,打开vscode,点击文件-->打开文件夹位置-->打开项目(刚刚用cmd创建的my-app项目),点击查看-->终端-->执行:npm start

    如果报这个错误:

    解决办法:(3种都可以试一下)

    1,关闭所有vscode窗口,再以管理员身份打开。

    或者可以右键打开属性,设置兼容性

    2,查看系统变量中node和npm路径配置;控制面板-->系统和安全-->系统-->高级系统设置-->环境变量;如图

     

    3,搜索powershell,以管理员方式运行powershell; 使用命令更改计算机的执行策略

    执行: set-ExecutionPolicy RemoteSigned 回车;

    再输入A回车;

    总结:祝您一切顺利,如果不幸出错了,不要生气,去百度,相信你可以的(我也是弄了半天的时间才搞定),一起加油

    补充说明:我昨天解决了这个问题,今天打开,运行项目npm start又报错,后来解决办法是,vscode以管理员身份运行,然后打开一个新的终端,再运行npm start,就可以了,关掉原来的终端。现在我也不太清除是哪里出问题了,大家有想法可以评论哦。  

    展开全文
  • 1.安装node.js和npm: 可自行到node官网下载,下载node完成后,npm也会自行下载完成。 2.通过cmd执行 node -v 和 npm -v ...4.安装react脚手架,cmd执行 npm i -g create-react-app (-g为全局下载) 5.安装好...
  • 快速Reactcli 方便地使用基本配置创建React项目` npx quick-react-cli [您的项目名称]` 创建一个带有打字稿,craco,axios,proxy,eslint,漂亮,路线,布局的react项目。 提交可能触发eslint。 现在,它只有一个...
  • React vscode 创建 react 项目流程【超详细】

    千次阅读 多人点赞 2021-04-19 20:13:57
    文章目录一、安装node二、配置淘宝镜像三、配置 vscode(win10)四、全局安装脚手架五、创建项目 一、安装node 请在官网下载安装:https://nodejs.org/zh-cn/ vscode 中 点击 ( ctrl + `) 调出终端 输入指令node -v...
  • 创建React项目命令流程

    千次阅读 2020-10-14 15:40:51
    //然后使用create-react-app命令来创建项目 create-react-app <项目名> //创建my-app项目 create-react-app my-app cd my-app npm run start 或 yarn start 安装webpack 首先安装webpack和webpack-
  • 【React】9、使用create-react-app(CRA)创建react项目

    多人点赞 热门讨论 2022-05-30 23:24:20
    第一步,全局安装:第二步,切换到想创项目的目录,使用命令:第三步,进入项目文件夹:第四步,启动项目:你当然可以选择不全局安装你可以直接执行这样可以不安装create-react-app而直接创建你的脚手架项目你还可以...
  • 使用create-react-app创建React项目

    千次阅读 2022-05-26 17:09:18
    简单记录一下使用create-react-app创建React项目,使用craco进行了简单的配置。 包括支持装饰器语法、按需加载和简单的包体积优化。
  • 命令行创建React项目

    千次阅读 2020-09-25 15:45:04
    cnpm install -g create-react-app ...找一个创建项目的目录,用cmd打开资源管理器对应目录运行 create-react-app demo 注意:安装过程中最好焦点不要移出cmd窗口,有时候会莫名其妙的中断安装
  • vite创建react项目及基础配置

    千次阅读 2022-05-10 15:08:59
    vite创建react项目。配置less,eslint,修改端口号
  • yarn创建react项目

    千次阅读 2019-12-05 15:17:11
    yarn创建react项目 1.安装yarn https://yarnpkg.com/zh-Hans/docs/install 2.创建项目及安装antd 在cmd下输入“npm install create-react-app yarn -g” 在指定项目目录下输入 create-react-app your_project_...
  • 一、create-react 创建项目 create-react-app 是基于 webpack 的打包层方案,包含 build、dev、lint 等,他在打包层把体验做到了极致,但是不包含路由,不是框架,也不支持配置。 1、全局安装crate-react-app npm...
  • idea创建react项目

    2021-07-05 17:36:35
    创建react项目 这里记得勾上typescript,这样子创建的项目是基于typescript,个人更喜欢typescript的编码风格,如果你就是喜欢js,你可以不勾 创建好的项目结构 有typescript 无typescript
  • 创建react项目输入命令如下显示成功5.运行reactDemo文件6.错误示范 1.搭建前提 我们要在服务端运行js,就需要一个依赖环境,类似于服务器上运行java代码在就需要借助tomcat服务器一样。我们运行js需要在node.js上,...
  • VSCode中如何创建React项目

    千次阅读 2021-02-05 15:00:30
    susan@susandeMac-mini ~ % 3、在终端输入create-react-app demoone,创建名称为demoone的项目 susan@susandeMac-mini ~ % create-react-app demoone Creating a new React app in /Users/susan/demoone....
  • 在开发 React 项目前最关键的当然是项目创建,现在的前端工程化使得前端项目创建也变得越来越复杂,在这里介绍三种从零开始创建 React 项目的方式,分别是 “在浏览器中直接引入”、“使用官方脚手架 create-...
  • 使用umi创建react项目

    千次阅读 2020-12-19 12:17:18
    $ mkdir myapp && cd myapp 通过官方工具创建项目, $ yarn create @umijs/umi-app 或 npx @umijs/create-umi-app Copy: .editorconfig Write: .gitignore Copy: .prettierignore Copy: .prettierrc Write: .umirc....
  • 创建react项目时遇到的报错

    千次阅读 2021-02-04 09:39:36
    创建react项目时遇到的报错 百度到的第一个方法: 1.执行npm install -g create-react-app全局安装 2.执行npx create-react-app myapp创建项目 结果控制台打印: (node:18924) ExperimentalWarning: The fs.promises...
  • 第一次通过create-react-app 或者 通过webstorm等编译器创建创建react项目时,因为要安装很多相关的包,而这些包的安装基本都是在内部通过npm进行安装。 由于npm在访问有些国外的资源会非常卡,有的时候即使开了VPN...
  • 在使用 create-react-app 创建项目时,项目依赖包的下载速度非常慢,可能你的npm在使用外网下载,我们可以把默认的下载地址改成淘宝镜像。 操作方法: 更换npm源: npm config set registry ...
  • 2.切换到想创建项目的目录(hello-react):create-react-app hello-react 3.进入项目文件夹:cd hello-react 4.启动项目:npm start 三、可能出现的报错: 1. 'react-app-rewired' 不是内部或外部命令,也...
  • React 全家桶】认识并使用 React 脚手架创建 React 项目
  • 根据React官方文档(上图)可以发现,此时并不需要安装create-react-app工具,只要你的node >= 8.10 && npm >= 5.6,就可以直接使用npx create-react-app命令来创建项目。 报错 好的:OK_hand:,那就根据上面的来呗,...
  • npm安装yarn命令 ...2.通过npm创建react项目指令,在指定目录安装 cnpm install - g create - react - app create - react - app my - app 3.启动项目 cd my - app / yarn start 4.启动成功后
  • 如何创建一个react项目

    千次阅读 2022-04-02 17:54:10
    通过这条指令在电脑中加入一个创建react项目的指令 2. create-react-app hello-react 通过这个指令来创建一个hello-react的指令,如果安装慢的话可以运行如下命令切换淘宝镜像 (如果是在企业实习的好兄弟千万...
  • 首先:全局安装脚手架: npm install create-react-app -g其次:选择一个目录,执行create-react-app react-test最后:进入项目目录,运行 npm start执行热加载结果如下图所示:...
  • Github-explorer:有关如何创建React项目结构的研究的资料库
  • node创建react项目

    2019-05-29 11:40:22
    最近在学习react,在慕课网中看到老师使用 npx create-react-app 项目名 搭建项目 ,有点好奇,就去扩展了一下眼界。 网上推荐node 搭建react方法如下:

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 90,430
精华内容 36,172
关键字:

创建react项目

友情链接: modelview.rar