文章 2024-09-24 来自:开发者社区

使用vite+react+ts+Ant Design开发后台管理项目(二)

前言 本文将引导开发者从零基础开始,运用vite、react、react-router、react-redux、Ant Design、less、tailwindcss、axios等前沿技术栈,构建一个高效、响应式的后台管理系统。通过详细的步骤和实践指导,文章旨在为开发者揭示如何利用这些技术工具,从项目构思到最终实现的全过程,提...

文章 2024-08-17 来自:开发者社区

使用vite搭建一个React项目!真香!

环境配置 前端的一些大型项目都使用脚手架开发,脚手架需要借助node环境。终端输入 node -v 即可查看当前node版本。 如果电脑没有node环境,必须进行安装。 构建工具与脚手架 构建工具 前端的脚手架工具都会依赖底层的构建工具,构建工具运行才node.js环境里、具有热更新、解析一些前端特殊语法、项目打包等功能。常见的构建工具有 react脚手架、vue脚手架用到的...

使用vite搭建一个React项目!真香!
文章 2024-08-15 来自:开发者社区

使用 Vite 创建 React+TS+SW 项目并整合 AntDesign 、Scss 等组件或插件

前言 记录一下使用 Vite 创建 React+TS+SW 项目并整合 AntDesign 、Scss 等组件或插件。 一、使用 Vite 创建 React+TS+SW 项目 1.新建一个 temp 文件夹 (1)在桌面新建一个 temp 文件夹,然后在 VS Code 中打开此文件夹,打开一个终端ÿ...

文章 2024-07-05 来自:开发者社区

react18【系列实用教程】搭建开发环境(2024版)Vite+React (官方推荐)(含@配置,react-developer-tools 和 Redux DevTools 下载安装)

以项目名 reactDemo为例 1. 下载脚手架 在目标文件夹中打开命令行 npm create vite ...

react18【系列实用教程】搭建开发环境(2024版)Vite+React (官方推荐)(含@配置,react-developer-tools 和 Redux DevTools 下载安装)
文章 2024-03-08 来自:开发者社区

前端vw自适应解决方案,适用pc端以及移动端,适用webpack以及vite,适用vue以及react

前言 随着vw被越来越多的浏览器所支持,rem的自适应方案渐渐退出历史舞台,风靡一时的淘宝自适应解决方案lib-flexible也已被弃用。 接下来我们详细介绍一下如何通过打包配置,使得vw自适应的方案能一把梭所有的前端项目(vue\react\webpack\vite) 依赖 ...

前端vw自适应解决方案,适用pc端以及移动端,适用webpack以及vite,适用vue以及react
文章 2023-06-27 来自:开发者社区

从零搭建 Vite + React 开发环境 #112

前言大概在 2019 年,自己搭建 开发环境的想法萌芽,到目前为止,公司的很多项目上,也在使用中,比较稳定。为什么要自己造轮子?起初是因为自己并不满意市面上的脚手架。另外,造轮子对于自己也有一些技术上的帮助,学别人二次封装的东西,不如直接使用底层的库,这样也有助于自己系统的学习一遍知识,最近 很火,所以用 搭建一波,废话不多说,直接进入正文,如何搭建自己的开发环境。ReactViteVite初始....

文章 2023-02-23 来自:开发者社区

Vite 2.x + React + Zarm + Less + React Router v6 + Axios + flexible.js 搭建前端 H5 开发环境2

4、配置 CSS 预处理器 Less安装依赖npm i less -D配置 css 属性更多请参考:postcss-modules导出类名的样式,json 中的键。NameTypeDescriptioncamelCaseString类名将被骆驼化,原始类名不会从本地中删除camelCaseOnlyString类名将被驼峰化,原来的类名将从本地中删除dashesString只有类名中的破折号会被驼....

Vite 2.x + React + Zarm + Less + React Router v6 + Axios + flexible.js 搭建前端 H5 开发环境2
文章 2023-02-23 来自:开发者社区

Vite 2.x + React + Zarm + Less + React Router v6 + Axios + flexible.js 搭建前端 H5 开发环境

项目地址源码:kaimo-cost-h5环境准备兼容性注意:Vite 需要 Node.js 版本 >= 12.0.0。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。我的 node 版本是 v12.13.0,npm 版本是 6.12.0。1、初始化 Vite + React 项目直接用官方提供的模板,一键生成项目:项目命名....

Vite 2.x + React + Zarm + Less + React Router v6 + Axios + flexible.js 搭建前端 H5 开发环境
文章 2023-01-07 来自:开发者社区

基于 Vite 从 0 到 1 启动一个 React 项目

如果不使用 Vite 官方提供的 template 选项,要如何从一个 Vite 依赖的情况下逐步配置启动一个 React?如何实现 Webpack 的静态资源服务,如何实现基于 Webpack 的 loader 的 JSX 的自动转换?下面是这个项目运行效果,以及完整的示例源代码普通启动如果你是刚开始接触 HTML/CSS/JavaScript 三件套开始接触的前端,那么你可能比较熟悉或者比较....

基于 Vite 从 0 到 1 启动一个 React 项目
文章 2022-09-20 来自:开发者社区

2021 年最受欢迎 JavaScript 明星项目榜:zx、Vite 、Next.js 、React 领衔大热门(2)

Vue 生态圈在 Vue 生态圈“一项里,排名前五的分别是:Slidev,Vue Element Admin,Headless UI,Naive UI,vue-next。在 Vue 3 正式发布一年后,我们看到这个生态系统正伴随着许多伟大的创新迅速发展。如 Vue 3 核心中的 <script setup>,将组件创作的体验提升到一个新的水平;新的 VS Code 扩展 Volar ....

2021 年最受欢迎 JavaScript 明星项目榜:zx、Vite 、Next.js 、React 领衔大热门(2)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。