Vite构建工具

vue3+vite+vant移动端适配记录

1、根节点rem适配1.1、body需要设置一个默认的字体大小，可以设置为16pxbody{font-size:16px;height:100vh;}#app{max-width:750px;min-width:320px;overflow:hidden;min-height:100vh;margin:0auto;}1.2、动态设置根节点rem-->importloginfrom'./page/l
baidu_41921865·2024-02-28 09:19

ubuntu18安装cmake27的方法

打开终端窗口，输入以下命令：sudoaptupdatesudoaptinstallbuild-essentiallibssl-dev这些命令会更新你的包列表，并安装构建工具和SSL开发库，这些都是编译CM
·2024-02-26 20:34

Vitepress 的实现原理

Vitepress是由Vite和Vue驱动的静态站点生成器，通过获取Markdown编写的内容，并可以生成对应的静态HTML页面。
·2024-02-22 14:59

使用useRoutes提示invalid hook call

包版本：问题：今天用vite+react+ts重新搭建项目时报错代码：router.tsximport{useRoutes}from'react-router-dom';importHomefrom".
wangshang1320·2024-02-20 20:19

Vue3+vite搭建基础架构（8）--- 使用pinia-plugin-persist

Vue3+vite搭建基础架构（8）---使用pinia-plugin-persist说明官方文档安装pinia-plugin-persist使用pinia-plugin-persist测试pinia-plugin-persist
谁不想飞舞青春·2024-02-20 19:26

Vue3+vite搭建基础架构（9）--- 使用vite-plugin-svg-icons

Vue3+vite搭建基础架构（9）---使用vite-plugin-svg-icons说明安装vite-plugin-svg-icons使用vite-plugin-svg-icons添加svg-icon
谁不想飞舞青春·2024-02-20 19:26

Vue3+vite搭建基础架构（10）--- 使用less和vite-plugin-vue-setup-extend

Vue3+vite搭建基础架构（10）---使用less和vite-plugin-vue-setup-extend说明官方文档安装less测试less表达式安装vite-plugin-vue-setup-extend
谁不想飞舞青春·2024-02-20 19:26

【无标题】vue3+pinia+vite管理平台模板（涉及顶部、侧边、导航栏菜单联动）

超实用的vue3+setup+pinia+vite项目模板主要实现顶部菜单、侧边菜单、导航栏菜单联动效果，效果相当的巴士惨了。
Silence翔海·2024-02-20 19:26

Vue3+vite搭建基础架构（11）--- 菜单栏功能和Tab页功能实现

Vue3+vite搭建基础架构（11）---菜单栏功能和Tab页功能实现说明删除项目中不需要的文件userStore全局属性代码菜单栏代码Tab页代码解决浏览器输入地址时不会打开tab页问题和切换tab
谁不想飞舞青春·2024-02-20 19:23

vue3项目配置按需自动导入API组件unplugin-auto-import

场景应用：避免写一大堆的import，比如关于Vue和VueRouter的1、安装unplugin-auto-importnpmi-Dunplugin-auto-import2、配置vite.configimportAutoImportfrom'unplugin-auto-import
菜鸟茜·2024-02-20 18:45

利用vite快速搭建vue3项目

latest2、提示你输入项目名称之后，我这里设置的是【rookiedemo】3、回车之后，出现选择框架的提示，我们选择【vue】回车4、之后根据你的编码习惯或需要，选择【ts】或者【js】，点回车5、vite
菜鸟茜·2024-02-20 18:15

Vite按需引入自定义组件unplugin-vue-components

1.安装插件npmiunplugin-vue-components-D2.vite.config.ts文件加如下代码plugins:[vue({reactivityTransform:true}),Components
前端~·2024-02-20 18:42

vue3项目配置按需自动引入自定义组件unplugin-vue-components

接下来就进入我们的主角unplugin-vue-components，这就是前端大神AnthonyFu写的的非常好用的插件，其实已经被vite官方收录了1、安装unplugin-vue-componentsnpmiunplu
菜鸟茜·2024-02-20 18:39

【Javascript】webpack的使用和特性

webpack的使用在实际开发中，Webpack是一个非常强大的前端构建工具，可以用于将各种前端资源（如JavaScript、CSS、图片等）打包成静态资源。
STATICHIT静砸·2024-02-20 18:38

在普通的html页面用Vue3组合式API写的项目（无需Node.js环境和构建项目）

因为学习Vue你不仅仅是学习他的语法、API和一些开发的规范，你还要学习构建工具的使用、调试、打包等等，有些人连最基本的开发环境都还没能顺利搭建起来。
·2024-02-20 17:54

vite+ts+vue3项目初始化 -- eslint+prettier代码格式化

vue3+ts项目初始化配置--eslint+prettier格式化校验一、配置@代替src目录二、项目中引入scss三、引入公共样式四、引入组件报红色波浪线五、有些语法不认识需要在vscode中安装Volar插件六、自动导包（vue、vue-router、element-plus、element-plus样式）七、配置方向代理和端口号八、父子组件通讯（只写在ts中的方法）九、pinia的使用（另
weixin_43993776·2024-02-20 17:55

Vite 搭建 Vue2 项目（Vue2 + vue-router + vuex）

Vite先让我说几句废话。在写本文时Vite没有提供Vue2的创建方式。相信有些开发者还没开始学Vue3，但又想尝尝Vite。那可以参考本文的进食方式。如果心急的话，“0、简介”可以跳过。
德育处主任Pro·2024-02-20 17:23

vue3+vite插件配置系列1-vite-plugin-pages搭配vue-router

介绍vite插件，可以读取文件夹下的vue文件，自动生成vue-router的路由信息，这样以后每次有新的vue页面增加，都不用去更改vue-router的路由信息代码了，减少了工作量使用1.下载npmi-Dvite-plugin-pagesnpmi-svue-router
永远不会太晚·2024-02-20 17:51

TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建

1.TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建1.1使用Vite初始化Vue3+TypeScript项目开发Vue3项目首先要确保电脑上安装了Vite脚手架，本节课程略过
随风小薇·2024-02-20 17:21

【退役之重学前端】使用vite+vue3+vue-router，重构react+react-router前后端分离的商城后台管理系统

——2024年2月16日技术选型#语言和框架vue3sassbootstrapES7#架构前后端分离分层架构模块化开发#前端构建工具npmvite#代码管理工具git
williamdsy·2024-02-20 16:18

当平台工程遇上DevEx：打造卓越的开发者体验

了解平台工程平台工程是设计和构建工具链和工作流的学科，可在云原生时代为软件工程组织
·2024-02-20 16:28

Linux项目自动化构建工具-make/Makefile

背景会不会写makefile，从一个侧面说明了一个人是否具备完成大型工程的能力一个工程中的源文件不计数，其按类型、功能、模块分别放在若干个目录中，makefile定义了一系列的规则来指定，哪些文件需要先编译，哪些文件需要后编译，哪些文件需要重新编译，甚至于进行更复杂的功能操作makefile带来的好处就是——“自动化编译”，一旦写好，只需要一个make命令，整个工程完全自动编译，极大的提高了软件开
momo小菜pa·2024-02-20 16:46

node+vue3+mysql前后分离开发范式——实现对数据库表的增删改查

技术选型前端：vite+vue3+antd后端：nodekoa数据库：mysqlkoa是一个现代的Node.js框架，可以用来构建Web应用程序。Vue.js是一款用于构建用户
yma16·2024-02-20 14:22

CP04大语言模型ChatGLM3-6B特性代码解读（2）

CP04大语言模型ChatGLM3-6B特性代码解读（2）文章目录CP04大语言模型ChatGLM3-6B特性代码解读（2）构建对话demo_chat.py定义client对象与LLM进行对话构建工具调用
North_D·2024-02-20 14:29

npm 创建 vite-app项目遇到问题

operationnotpermitted,mkdir'E:\nodejs\nodejs\node_modules\npm\node_cache--global\_npx\13280'commandnotfound:create-vite-app
xjt_beginner·2024-02-20 13:34

npm create vite@latest 失败

importfsfrom'node:fs'Cannotuseimportstatementoutsideamodule查看报错日志说明问题是node和npm的版本问题，node版本过低，需要升级。下载|Node.js下载安装失败，提示：Node.jsisonlysupportedonWindows8.1,WindowsServer2012R2,orhigher.因为安装的node版本过高，和当前操
晨光搁浅42·2024-02-20 13:33

nodejs和npm和vite

Nodejs简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个基于ChromeJavaScript运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境用途：Node.js可以被看作是一个JavaScript运行时环境，专门用于在服务器端执行JavaScript代码。同时Node.js是构建高性能Web服务器的强大工具。nodejs具
可爱的小小小狼·2024-02-20 12:56

Maven(基础)、MyBatis

简介ApacheMaven是一个项目管理和构建工具，它基于项目对象模型(POM)的概念，通过一小段描述信息来管理项目的构建、报告和文档官网:http://maven.apache.org/Maven作用
GLATY·2024-02-20 11:17

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第十二章 常用工具函数 (Utils配置)

前言在项目开发中，我们经常会使用一些工具函数，也经常会用到例如loadsh等工具库，但是这些工具库的体积往往比较大，如果项目本身已经引入了这些工具库，那么我们就没有必要再引入一次，所以我们需要自己封装一些工具函数，来简化我们的开发。一、通用类工具函数在src/utils目录下创建tools文件夹，用于存放通用类工具函数文件。在tools文件下创建index.ts文件import{ElMessage
SmallTeddy·2024-02-20 08:46

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第十一章 基础界面开发 (组件封装和使用)

前言Vue是前端开发中非常常见的一种框架，它的易用性和灵活性使得它成为了很多开发者的首选。而在Vue2版本中，组件的开发也变得非常简单，但随着Vue3版本的发布，组件开发有了更多的特性和优化，为我们的业务开发带来了更多便利。本文将介绍如何使用Vue3开发业务组件，并通过代码实例进行演示。一、自己封装组件1、button代码在src目录下创建components文件夹，并在该文件夹下创建Button
SmallTeddy·2024-02-20 08:45

vite 和 webpack 的区别

Vite和Webpack是两种不同的前端构建工具，它们在设计理念、构建原理和使用方式上有一些显著的区别：构建原理：Vite：Vite基于现代浏览器原生ES模块的导入机制，利用ES模块的特性，将每个模块作为一个个独立的请求处理
我有一棵树·2024-02-20 07:56

Webpack和Rollup区别、使用场景、如何选择

Webpack和Rollup都是前端构建工具，但它们的设计理念、侧重点和适用场景有所不同：Webpack设计理念与功能：Webpack是一个全能型的模块打包工具，不仅支持JavaScript模块的打包，
陨石猎人·2024-02-20 07:18

Vue3 学习笔记（Day1）

目录0课程介绍1Vue3简介2创建Vue3工程2.1基于vue-cli创建2.2基于vite创建（推荐）2.3一个简单的效果0课程介绍P1：https://www.bilibili.com/video/
Tiger Z·2024-02-20 06:22

npm run dev运行出现NODE_OPTIONS=--max_old_space_size=4096 vite --mode dev --host？

AWorkDataease\DataEase\core\core-frontend>[email protected]_OPTIONS=–max_old_space_size=4096vite
舒一笑·2024-02-20 06:12

ESP32工程中CMake使用及加入第三方SDK库文件

在ESP-IDF框架中，乐鑫官方已经将CMake和Ninja编译构建工具集成到了ESP-IDF中。
牛马大师兄·2024-02-20 06:39

【前端工程化面试题】webpack proxy的工作原理，为什么能解决跨域问题

其实不光是webpack其他的打包工具比如是vite，也有代理的功能，也是开发服务器。webpack-dev-server的工作原理本质是利用了
我有一棵树·2024-02-20 02:55

【前端工程化面试题目】webpack 的热更新原理

可以在顺便学习一下vite的热更新原理，请参考这篇文章。
我有一棵树·2024-02-20 02:25

maven基础知识总结

Maven为开发者提供了一套完整的构建生命周期框架Maven简化了工程的构建过程，并对其标准化，它无缝衔接了编译、发布、文档生成、团队合作和其他任务安装mac下安装maven功能项目管理工具依赖管理工具构建工具优点对第三方依赖库进行了统一的版本管理统一了构建过程统一了项目的目录结构构建清理
caoxinyiyi·2024-02-20 02:02

关于TypeError:无法读取null属性(读取‘isCE‘) -自定义组件库

TypeError:无法读取null属性(读取’isCE’)-自定义组件库大家先看一下这个文章https://cloud.tencent.com/developer/ask/sof/106913760这个文章里面给了vite
我叫汪枫·2024-02-20 01:59

Redis-mysql 缓存实战

本文基于Springboot，mybatisplus，mysql，redis，Jedis模拟redis缓存实现目录1.添加所需maven依赖2.设置数据库及数据表3.构建实体类4.构建工具类实现redis
SSPo·2024-02-20 01:56

使用vite创建项目

NPMnpmcreatevite@latestYarnyarncreatevitePNPMpnpmcreateviteBunbunxcreate-vite安装sassnpmadd-Dsass安装lessnpmadd-Dlessvite
HWL5679·2024-02-20 01:34

前端Vue3开发 “硬核” 新书来了

二是Vue3引入了大量新特性，如全面拥抱TypeScript、使用Vite替换Webpack等，大家担心这些新技术难以掌握，因此不敢在实际项目中应用。
前端组件开发·2024-02-19 23:14

预览vite+react打包之后的项目

执行npmrunbuild&pnpmbuild全局安装http-server:npmi-ghttp-server找到打包好的dist文件。执行http-server
猛踹瘸子那条好腿の·2024-02-19 20:15

Nuxt3+Vue3(Composition API)+TS+Vite+Ant Design Vue 搭建

最近官网搭建选择了nuxtjs，由于框架更新了，其中语法也有很多变化，中间遇到了一些问题点做下总结。nuxt3官方文档地址：https://nuxt.com/docs/getting-started/installation安装在安装Nuxt3之前，你需要保证你的node.js大于16.10.0或者最新版本，我是用得最新版本18创建一个nuxt项目npxnuxiinit切换到刚创建的项目根目录cd
拾荒李·2024-02-19 20:48

vue3.2+TypeScript+Pinia学习笔记（最新版！！！）

typescript+pinia学习文章目录一、vue31.组合式API2.setup函数3.reactive函数4.ref函数5.reactive与ref的选择6.setup语法糖6.1.vue3+vite
阿吧阿巴阿巴·2024-02-19 19:43

创建 vite + vue3 + ts 项目简单笔记

vue3项目通过官方脚手架初始化项目：第一种方法：第二种方法：第三种方法（推荐）：初始化项目1、解决`import{ref,reactive...}from'vue'`大量引入的问题2、配置环境变量3、vite
W.Y.B.G·2024-02-19 19:08

最新 Vue3、TypeScript、组合式API、setup语法糖 学习笔记

最新Vue3、TypeScript、组合式API、setup语法糖学习笔记1、创建Vue3工程基于`vue-cli`创建（基于webpack实现）基于`vite`创建（推荐）2、Vue3项目开发`vscode
W.Y.B.G·2024-02-19 19:34

Vue3笔记

创建vue-cli创建基于vite创建webpack和vite构建对比图基础官方推荐插件选项式api和组合式api对比修改组件name插件在devtools工具上显示组件name自动补充ref的value
山重水复疑无路·2024-02-19 18:39

【前端工程化面试题】说一下 webpack 的构建流程

类似问题是，说一下vite的构建流程，参考这篇文章。
我有一棵树·2024-02-19 16:46

【前端工程化面试题】使用 webpack 来优化前端性能/ webpack的功能

（1）对webpack的理解webpack为啥提出+webpack是啥+webpack的主要功能前端开发通常是基于模块化的，为了提高开发效率，webpack是一个基于模块的构建工具，是一个用于js应用程序的静态模块打包工具
我有一棵树·2024-02-19 16:11
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他