首页 > 其他分享 >React、Ant Design 5.0 构建通用后台管理系统 - 接口服务环境搭建

React、Ant Design 5.0 构建通用后台管理系统 - 接口服务环境搭建

时间:2023-04-24 17:22:44浏览次数:40  
标签:5.0 React node src -- ts server Ant json

目录

项目初始化

mkdir general-admin-system-server
cd general-admin-system-server
npm init -y
npm install typescript ts-node @types/node nodemon @swc/core @swc/helpers regenerator-runtime -D
code .

项目结构

general-admin-system-server
|-- LICENSE
|-- README.md
|-- index.ts
|-- nodemon.json
|-- package-lock.json
|-- package.json
|-- src
|   `-- server.ts
`-- tsconfig.json

package.json

{
  "name": "general-admin-system-server",
  "private": true,
  "version": "0.0.0",
  "scripts": {
    "dev": "nodemon"
  },
  "devDependencies": {
    "@swc/core": "^1.3.53",
    "@swc/helpers": "^0.5.0",
    "@types/node": "^18.16.0",
    "nodemon": "^2.0.22",
    "regenerator-runtime": "^0.13.11",
    "ts-node": "^10.9.1",
    "typescript": "^5.0.4"
  }
}

tsconfig.json

最简配置,后续会复杂。使用了swc编译器替换tsc编译器

{
  "compilerOptions": {
    "strict": true,
    "esModuleInterop": true
  },
  "ts-node": {
    "swc": true,
    "esm": true
  },
  "include": ["src/**/*", "index.ts"]
}

nodemon.json

{
  "watch": ["src/**/*.ts", "utils/**/*.ts", "./index.ts"],
  "ignore": [".git", "node_modules"],
  "exec": "ts-node index.ts",
  "ext": ".ts"
}

index.ts

import { run } from './src/server'

run()

src/server.ts

export function run() {
  console.log('Server')
}

运行

npm run dev

这时修改src下的文件,控制台会进行热重载。至此接口服务环境搭建完成,下一章设计用户、角色、权限表结构

标签:5.0,React,node,src,--,ts,server,Ant,json
From: https://www.cnblogs.com/EvilChan/p/17350241.html

相关文章

  • G_VARIANT_TYPE类型
    switch(b){case'b':returng_variant_type_copy(G_VARIANT_TYPE_BOOLEAN);case'y':returng_variant_type_copy(G_VARIANT_TYPE_BYTE);case'n':returng_varian......
  • React、Ant Design 5.0 构建通用后台管理系统 - 登录页面
    目录安装依赖main.tsxsrc/styles/global.cssApp.tsxsrc/pages/user/Login/index.tsxsrc/pages/user/Login/style.module.css安装依赖npminstallantd@ant-design/icons@ant-design/pro-componentsAntDesign组件库@ant-design/pro-components封装一些好用的常用组件库mai......
  • 解决 vagrant up下载太慢的问题
    1、下载链接手动下载CentOS7镜像,这里的2004_01可以修改成自己想要的版本(这里下载很快的,一两分钟就搞定了)https://cloud.centos.org/centos/7/vagrant/x86_64/images/CentOS-7-x86_64-Vagrant-2004_01.VirtualBox.box2、加载下载的镜像1、cd到下载镜像的文件,打开windowcmd命令......
  • centos7 安装bash5.0
    查看自己bash的版本/bin/bash--version下载bash5.0版本wgethttp://ftp.gnu.org/gnu/bash/bash-5.0.tar.gz解压tarzxvfbash-5.0.tar.gz进入目录cdbash-5.0编译./configure&&make&&makeinstall创建软连接mv/bin/bash/bin/bash.bakln-s/usr/local/bin/bash......
  • codeforces 559C Gerald and Giant Chess(dp+组合数学)
    题目链接:codeforces559C题目大意:给出一个h*r的矩阵,从左上角走到右下角,中间有一些点不能经过,问不同的路径有多少种?题目分析:首先我们考虑一个n*m的矩阵,从左上角只能向右或向下走能走到右下角的方案数,也就是C(n+m,n),就是一共要走n+m次,选出n次横着走。那么我们定义dp[i]表示在前不经......
  • SpringBoot+React 前后端分离
    SpringBoot+React前后端分离写个转发数据的小工具,本来只想开个SpringBoot服务带个页面,但感觉有点难受,正好之前研究了React,尝试一下前后端分离。后端简单用SpringBoot起个服务,写个接口处理请求:@RestController@RequestMapping("/data")publicclassDataController{......
  • react
    React是一个用于构建用户界面的JAVASCRIPT库。React主要用于构建UI,很多人认为React是MVC中的V(视图)。React起源于Facebook的内部项目,用来架设Instagram的网站,并于2013年5月开源。React拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。1.......
  • vue项目结合,vant 实现中轮播图中,点击图片放大图片
    思路:vant中提供函数ImagePreview给原每一个图片子元素设置点击事件,api中提供initial-swipe索引,拿到原图索引设置change事件,保存大图切换的对应索引给到自己的initial-swipe索引中设置图片预览切换时,根据切换后的索引,设置原图的位置,大图原图同步原图片swipeTo(i)切换到......
  • ant design of vue的a-rang-picker时间控制既不能选今天以后的日期且开始时间跟结束时
    在项目中这个问题在困扰我,虽然我知道它是有一个Api是disableDate来控制时间的选择;但是只能够实现开始时间跟结束时间之间差不能超过3天。效果图接下来就是代码时间呀<a-col><a-form-model-itemlabel="任务时间范围"prop="priceRangeDate"><a-range-picker......
  • FastCopy v5.0.5 绿色汉化版
    更新流水:2023.04.22:自改官方5.0.5最新正式版本2022.04.20:首个自改官方 5.0.4最新正式版本修改内容:by.th_sjy&安心爱&萌面蛋饺基于th_sjy汉化版为模板,重新修正中文语言(感谢安心爱对日语翻译提供帮助)删除多余语言,解除在WinPE环境下运行限制剔除检测更新及帮助内多余菜单......