vite微前端

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前后端分离的商城后台管理系统

前言：对前端各个技术板块，HTML、CSS、JavaScript、ES6、vue家族，整体上能“摸其大概”。笔者计划重构一个基于react的商城后台管理系统。——2024年2月16日技术选型#语言和框架vue3sassbootstrapES7#架构前后端分离分层架构模块化开发#前端构建工具npmvite#代码管理工具git
williamdsy·2024-02-20 16:18

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

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

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

前端新手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

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

micro-app的简单学习

1、在基座中调用子应用在了解完微前端之后，我们知道，微前端是由一个基座和多个子应用构成的，那么如何在基座中调用子应用呢？官网中如下介绍：//官网中看到
笑到世界都狼狈·2024-02-20 04:48

京东开源项目micro-app初体验

二、使用步骤1.下载总结关于micro-app2021年7月由京东开源的微前端框架官方文档micro-appgit地址了解micro-app一、micro-app使用版本以及使用场景？
辣鸡队员·2024-02-20 04:48

微前端qiankun从头写一个demo，包含主微应用、微微应用通信用例

文章目录qiankun微前端demo说明1.路由说明：1.1hash路由：1.2history路由：路由切换2.LifeCycles:3.父子通讯3.1主应用与微应用的通信3.2微应用之间的通信4.手动加载微应用
Yoyo_Yan·2024-02-20 02:58

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

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

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

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

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

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

使用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

手把手教你如何搭建Vue组件库

VantCLI是一个基于Vite实现的Vue组件库构建工具，通过VantCLI可以快速搭建一套功能完备的Vue组件库。建立组件库的意义首先组件库可以给我们降本提效，其次可以保持视觉
·2024-02-19 15:15

js设计模式:发布订阅模式

示例:发布订阅模式订阅尤大的vue技术专栏订阅尤大的vite技术专栏取消订阅尤大的vite技术专栏尤大发vue技术贴尤大发vite技术贴constYouyuxi=
青阳流月·2024-02-19 14:49

Vite之对CSS的处理方式及使用

Vite之对CSS的处理方式及使用文章目录Vite之对CSS的处理方式及使用1.直接对CSS处理2.使用css预处理器less1.直接对CSS处理可直接导入css进行使用，而不需要任何配置定义样式文件：
小袁搬码·2024-02-19 13:34

Vue+Vite项目初建(axios+Unocss+iconify)

一.创建项目npx--package@vue/clivue项目成功启动后，进入http://localhost:3200，即可进入创建好的页面(假设启动端口为3200)二.测试网络通讯模块假设有本地服务器地址localhost:8000提供接口服务，接口为localhost:8000/token，修改代码import{ref}from'vue'importaxiosfrom'axios'impor
@@鹏~~~·2024-02-19 12:06

使用vite + vue3 搭建开发环境 接口请求代理https报错解决方案

17:58:50[vite]httpproxyerrorat/**/detail?
·2024-02-19 12:02

Vue3+Vite+TS+Pinia+ElementPlus+Router+Axios创建项目

目录初始项目组成1.创建项目1.1下载项目依赖1.2项目自动启动1.3src别名设置vite.config.ts配置文件tsconfig.json配置若新创项目ts提示1.4运行测试2.清除默认样式2.1
尿不湿没有了·2024-02-19 12:25

个人简历补充

个人简历补充1.对工作的认识2.八股文和知识面3.框架/架构角度深扒3.1前端3.1.1mPaaS（移动领域）3.1.2普通前端项目框架3.1.3微前端3.2后端持续更新1.对工作的认识2.八股文和知识面前端
Xiaobaiforgod·2024-02-19 12:02

【前端工程化面试题】vite热更新原理

vite在开发阶段，运行vite命令，会启动一个开发服务器，vite在开发阶段是一个服务器依赖esm：vite在开发阶段使用esm作为开发时的模块系统。
我有一棵树·2024-02-19 12:31

12.2K Star，开箱即用后台管理系统

今天推荐一款开源免费且开箱即用的中后台管理系统，完全采用ECMAScript模块（ESM）规范来编写和组织代码，使用了最新的Vue3、Vite、Element-Plus、TypeScript、Pinia
·2024-02-19 10:30

TailWindCSS+Vite+Vue3打造个性化在线简历项目,欢迎Fork

前言祝大家在新的一年：大吉大利，身体健康，迎大运，发大财！吐槽随便侃侃，无感请直接跳过到正文。注册了快7年的账号，思否第一篇文你敢信~~哈哈，今天开张了。至于契机嘛…司倒，失业之T_T。最近刷看到类似的帖子也挺多的，ORZ放心，真不是来输出负面情绪的~主菜马上就到。y情后各行各业都不容易啊，待了六年的公司也熬不住去年末倒下了（还有3个月工资拖欠着，希望仲裁给力吧）。个人也长时间呆在舒适区，也没经历
·2024-02-19 10:17

Vue3 学习笔记（Day1）

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

Vue3+Ant-Design-Vue:报错Cannot read properties of null (reading ‘isCE‘)

报错信息图示：在GitHub上找到如下描述，解决方案网上介绍的解决方案网上找到了几种解决方案，Vite+Vue3项目：修改配置文件修改vite.config.js配置文件，re
是席木木啊·2024-02-15 06:42

Vue3快速上手

目录1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1
__畫戟__·2024-02-15 06:40

基于 qiankun 的微前端最佳实践（图文并茂） - 应用部署篇

micro-app写在开头微前端系列文章：基于qiankun的微前端最佳实践（万字长文）-从0到1篇基于qiankun的微前端最佳实践（图文并茂）-应用部署篇基于qiankun的微前端最佳实践（图文并茂
明源云链前端团队·2024-02-15 05:44

【无标题】

项目构建一、项目构建1.项目使用vite构建项目你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板。
miss-ddly·2024-02-14 17:24

【Tauri】（3）：使用Tauri1.5版本，进行桌面应用开发，在windows上搭建环境，安装node，rust环境，可以打包成功，使用vite创建应用

www.bilibili.com/video/BV1Ny421a7nA/【Tauri】（3）：使用Tauri1.5版本，进行桌面应用开发，在windows上搭建环境，安装node，rust环境，可以打包成功，使用vite
fly-iot·2024-02-14 07:56

tauri+vite+vue3开发环境

本文只介绍Windows环境下的tauri+vite+vue3开发环境配置过程。一.MicrosoftVisualStudioC++生成工具您需要安装MicrosoftC++生成工具。
volodyan·2024-02-14 07:56

Vite配置环境变量以及反向代理请求

在Vite中，我们可以通过两种方式配置环境变量，一是在项目根目录下创建.env文件，二是直接在vite.config.js文件中设置。.
·2024-02-14 03:31

线上环境不要使用console.log，会导致页面卡顿，内存泄漏的原因

在我的这篇文章中分享了一个经验，就是vite打包之后会自动屏蔽所有的console.log打印的日志。那么，在线上环境中不要使用console.log打印日志，已经成为共识，你知道是为什么么？
我有一棵树·2024-02-13 23:19

vue3-应用规模化-工具链

要使用Vite来创建一个Vue项目，非常简单：（推荐）npm create vue@latest这个命令会安装和执行create-vue，它是Vue提供的官方脚手架工具。跟随命令行的提示继续操作即可。
王大可996·2024-02-13 16:45

vue3中使用element-plus的图标不显示问题

按照官网的写法，我的图标不显示的：image.png然后我搜了一些大神的博客说是vite版本改为2.3.7（但是我的依然不可以！！！！！！！！！！！！！！！！）
是妍妍吖·2024-02-13 15:31

vite 构建，页面打开空白如何解决

比如部署页面最终部署在https://xxx.com/demo/下，就必须在vue-router中配置以下代码，否则确实会打开白屏import{createRouter,createWebHistory}from'vue-router';​​​​​​​exportdefaultcreateRouter({  history:createWebHistory('/demo/'),//你的网站根目录地
John的WEB前端学习日记·2024-02-13 11:15
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他