react 安装脚手架（左侧菜单配置）

最新推荐文章于 2024-08-13 08:00:00 发布

头发快掉没了的程序猿

最新推荐文章于 2024-08-13 08:00:00 发布

阅读量245

点赞数 1

CC 4.0 BY-SA版权

文章标签： react.js npm javascript

本文链接：https://blog.csdn.net/LiuBo_1999/article/details/120887228

本文介绍了如何安装React脚手架，选择了JavaScript作为语言，并选择了简单的脚手架选项。接着，文章详细讲述了下载依赖并启动项目的过程，特别是关于左侧菜单的多级菜单配置方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装

新建一个空的文件夹作为项目目录，并在目录下执行：（可以用yarn，会快一些）

npm create umi

选择 ant-design-pro：

选择语言（我用的是javaScript）

问你要用简单的脚手架还是完整的脚手架 (我用简单的)

之后下载依赖

npm install

之后启动项目

npm start

左侧菜单配置

1.先在路由中配置路由 name：‘’是页面要展示的内容 icon：‘’是引入图标
2.在locales/zh-CN/menu.js配合路由实现左侧菜单 二级菜单是按层级查找的
3.如果是登陆成功可以看见全部页面 如果登陆失败权限的页面看不见是通过admin来实现的（authority）
4.authority 用来配置这个路由的权限，如果配置了将会验证当前用户的权限，并决定是否展示。

实现多级菜单

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

头发快掉没了的程序猿

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

ReactNative学习笔记

weixin_68658847的博客

10-04

1363

ReactNative学习笔记

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脚手架安装

大风起兮云飞扬

02-11

808

第一步：打开cmd，最要以管理员身份打开。（这就不解释了，懂的自然懂）第二步：如图输入命令npm i -g create-react-app(如果你没装node环境请安装node.js）注：查看是否装有node环境可输入命令np...

react脚手架安装

曲小强

12-21

605

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脚手架

sdhiush的博客

07-29

2375

React脚手架的搭建

使用 TypeScript 在 React JS 中进行路由

热门推荐

商务合作 | 共同学习 | 携手共进

12-08

9万+

React：脚手架项目的搭建与启动

对于 React 结合 Antd 实现左侧菜单的权限列表

浮生离梦的博客

03-21

1383

一、React 结合 Antd 实现权限列表引入所需相关的组件和文件，如下所示： import React, { Component } from 'react' import { Link, withRouter } from 'react-router-dom' import { Menu, Icon } from 'antd' import logo from '../../assets/images/logo.png' import menuList from '../../config/me

安装react代码行工具(脚手架)

2201_75943567的博客

06-28

175

在使用 create-react-app 来创建一个新的React应用，在拉取各种资源时,往往会非常慢,一直卡在那,因为资源还是使用了 npm下载的, 我们可以换成淘宝的资源, 执行指令。1, 安装react代码行工具(脚手架), 基于webpack工具构建项目。3,启动react项目 (需要cd进入项目my-app根目录)2, 使用vite构建项目, 选择react。3, 切换到项目根目录, 安装依赖包。2,创建一个react应用程序,npm版本过高或node版本过低。4, 运行,启动vite项目。

React笔记二：安装React脚手架

公子&小白的博客

11-08

689

React笔记二：安装React脚手架 脚手架：我个人理解：前端说白了就是对房子的装修，装修房子怎样更方便下手，需要梯子等很好的工具。这就是脚手架。 react官网：https://reactjs.org 全局安装create-react-app脚手架安装 npm install -g create-react-app # 或者,建议用上面这个，我用下面这个安装失败 yarn add create-react-app -g 验证 create-react-app --version 创

React脚手架安装及使用

weixin_43613849的博客

10-25

497

1、创建项目并启动首先在cmd中全局安装脚手架通过npm或者yarn： npm i -g create-react-app 切换到想创项目的目录，使用命令： create-react-app xiangmumingcheng 进入项目文件夹 cd xiangmumingcheng 启动项目 npm start 2、react脚手架项目结构 1、public ---- 静态资源文件夹其中index.html是react配置好的，内容如下： 2、src ---..

React-学习笔记（5-React脚手架的安装和简单使用）

@zhujj_的博客

04-22

1168

先删除掉脚手架文件 public 目录和 src 目录下的全部内容（暂且留下 public 目录下的 favicon.ico 图标文件），重新开始创作。components 目录下又是若干个目录（有多少个组件，就应该有多少个这样的目录），在 src 目录下创建一个新的目录 components，专门用来存放组件。（注意，项目文件夹名称不能有中文或特殊字符，不要使用大小的英文字母）（1-1）创建项目脚手架（每次创建项目脚手架时需进行）进入到准备用来存放项目文件夹的目录下，（1-2）启动\运行项目。

React 脚手架

hsyldw2000的博客

04-01

1856

将css文件名改为index.module.css,在index.js文件中引入 import hello from './index.module.css' ，在渲染时 Hello React!3.创建component组件文件夹，这个是保存项目中使用的组件的。2.创建项目：create-react-app hello-react。---- 组件单元测试的文件(需要jest-dom库的支持)五、第一个react项目---Hello React。

React脚手架搭建

暗武逢天的博客

05-19

894

react提供了一个用于创建 react项目的脚手架,使得我们可以完全释放自己的双手(#^.^#)

React项目脚手架：多配置功能与集成技术解析

资源摘要信息:"react-project-scaffolding:不同配置的react脚手架仓库" 1. React脚手架概念及应用： React脚手架是用于快速启动React项目的基础结构。它预设了基本的目录结构和配置，允许开发者专注于应用的开发而...