vite 第38页

搭建vue3+ts+vite项目

输入项目名字3.选择框架vue4.选择语法ts5.cd项目、pnpminstall、pnpmrundev二、工具配置1.浏览器自动打开：package.json文件夹下"scripts":{"dev":"vite

xhjtcflm·2023-10-16 09:53

vite-plugin-pwa配置详解

vite-plugin-pwa配置详解前提：前端域名和后端服务域名相同时，用window.open新开页面下载或者导出文件，项目中导出和下载功能失效，原因是，域名相同走缓存实现serviceworker

yuan溜溜·2023-10-16 09:51

vite vue3 pwa 更新提醒

效果vite-plugin-pwa插件启用pwa后默认会在后台自动更新应用，并在关闭所有已开启的页面并重新打开后激活通过此方法可以以消息方式提醒用户手动刷新激活更新应用方法已经使用vite-plugin-pwa

路过君_P·2023-10-16 09:49

Vue3 + Vite3 + Element-Plus 管理系统

Vue3+Vite3+Element-Plus管理系统介绍vue-diverse-admin，基于Vue3、TypeScript、Vite3、Element-Plus开源的一套后台管理模板，项目均使用JS

觀眾·2023-10-16 06:00

vue3后台管理框架之Mock开发

前言在前后端对接中，有时后端的接口数据没有那么快能给出，因此我们可以通过mock模拟自己的请求数据，在后端接口没有给出的同时，先使用mock请求的数据完成前端相关的逻辑官方文档：vite-plugin-mockvite

LL1018。·2023-10-16 05:19

通过vite创建vue3项目

安装nodejs：关注微信公众号：玩转测试开发搜索：nodejs：win10安装Vite作为下一代前端开发与构建工具，具有以下优势：1、极速的服务启动：使用原生ESM文件，无需打包!

玩转测试开发·2023-10-16 00:07

十分钟快速使用 React18 + vite + TypeScript + antDesign 搭建一个前端框架

在这篇博客中，我将向读者们介绍如何使用React18+vite+TypeScript+antDesign搭建一个前端框架。React是一种流行的JavaScript库，用于构建用户界面。

洋茄子炒鸡蛋·2023-10-16 00:46

Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架【值得收藏】

这篇文章就来帮助大家如何快速使用vue3.x，typeScript，vite搭建一套企业级的开发脚手架??。废话不多说，直接上手开搞??

rgrgrwfe·2023-10-15 23:44

Vite+Vue3+TypeScript 搭建开发脚手架

Vite前端开发与构建工具开发环境中，vite无需打包，可快速的冷启动真正的按需编译，不需要等待整个应用编译完成一个开发服务器，它基于原生ES模块提供了丰富的内建功能，速度快模块热更新（HMR）一套构建指令

qq_41315539·2023-10-15 23:12

使用 Vite+TypeScript 打造一个 Vue3 组件库

使用Vite+TypeScript打造一个Vue3组件库文章目录使用Vite+TypeScript打造一个Vue3组件库写在前面搭建Monorepo环境什么是Monorepo环境使用pnpm安装初始化package.json

Karl ^_^·2023-10-15 23:40

vue3+vite+TypeScript+Element plus+pinia搭建开发脚手架

初化化项目pnpmcreatevite2.引入eslint和prettier，约束代码风格安装eslintpnpmi-Deslinteslint-plugin-vue@typescript-eslint/parser@typescript-eslint/eslint-plugin这四个依赖的作用分别是：eslint:EsLint的核心代码eslint-plugin-vue：为Vue使用Eslint

Spider Cat 蜘蛛猫·2023-10-15 23:10

Vite + TypeScript + Node 开发一个简易脚手架

前言使用Vite+TypeScript+Node开发一个使多个命令为一个命令的脚手架当然这个题材你也可以使用bat实现思路创建一个node项目，开发一系列逻辑，发布到线上，需要的时候全局安装使用初始化项目选择自定义预选

biaov·2023-10-15 23:37

vue3通过vite.config.js通过代理配置跨域

前端通过vite.config.js配置进行跨域,无法代理成功的原因：封装的axios拥有baseUrl，所以不会重写路径.如果拥有封装好的axios,需要将啊ingbaseUrl删掉在vite.config.js

songyitian4·2023-10-15 22:21

Vite + Vue3 初体验 —— Vite 篇

Vite和Vue3在2022年应该不算个新事物了，但应该也有很多像我一样还没有接触过这两个“新鲜玩意”的。这两样（Vite+Vue3）给我的感觉是完完全全的新鲜玩具，是新时代的潮流。

昵称不用太拉风·2023-10-15 22:52

vue3 vite.config.js 解决跨域问题

在自带的vite.config.js文件中加入以下代码：server:{//host:'',//本机ipport:8080,proxy:{'/api':{target:'http://gmall-h5-

wlocfo·2023-10-15 22:16

(vue3-vite-ts) main.js文件中 import App from ‘./App.vue‘ 报错的解决办法

使用vite创建项目后，在src目录下，有一个vite-env.d.ts文件，在这个文件中，添加如下代码：declaremodule"*.vue"{import{DefineComponent}from"vue"constcomponent

一嘴一个橘子·2023-10-15 22:15

vue3项目中vite.config.ts作用等同于vue.config.js，解决跨域

import{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue

choorn·2023-10-15 22:42

前端工程化知识系列（9）

82.有没有使用过现代前端构建工具（如Vite、Snowpack）来加速开发和构建过程？83.你如何处理前端应用的访问控制和用户权限，以确保只有授权用户能够访问敏感功能？

云边散步·2023-10-15 16:04

Vite+Vue3项目实现路由自动化，根据src文件夹下（多级文件夹）所有.vue文件路径实现路由自动匹配生成。

实现的两种方式：一、使用vite-router-automation插件包实现vite环境下的vue路由自动化vite-router-automation地址：https://www.npmjs.com

薛定谔的猫-菜鸟程序员·2023-10-15 13:29

猫眼校园招聘_1面

（1）打包和构建工具vite和webpack功能1.构建原理：Webpack是一个静态模块打包器，通过对项目中的JavaScript、css、Image等文件进行分析，生成对应的静态资源，并且通过一些插件和加载器来实现各种功能

不拿Offer不改名·2023-10-15 12:38

Vite创建Vue项目后遇到的问题

Vite创建Vue项目后遇到的问题前言问题问题一问题二问题三问题四补充前言 Vite创建Vue项目还算顺利，但创建后不是万事大吉，遇到了各种的问题。现在就自己遇到的问题做个总结。

qq_45438471·2023-10-15 11:06

vite创建vue3项目

vite创建vue3项目前言步骤一、全局安装vite二、创建VUE项目三、启动项目前言在开发软件阶段，时间就是金钱。VUECLI和Vite均是构建Vue项目的工具。

qq_45438471·2023-10-15 11:36

手把手教你手写一个 Vite Server（一）

之前写过几篇Vite的文章，对Vite的概念也有一定的理解了，但理解归理解，仍然觉得很虚，也不知怎么的，这几个概念突然就变成一个这么强大的工具。。。

CandyTong_·2023-10-15 10:13

前端三大框架，webpack和vite的比较，android三大框架.

1..NET和ASP.NET分别是什么？.NET是微软的一个开发平台，其主要核心就是.NETFramwork，这个平台的一大特点就是跨语言性，不管是什么语言，c、c++、c#、F#、J#、vb等语言都可以用这个平台合作开发；ASP.NET是一个网站开发的技术，是.NET里面的一个模型，也是目前的一种主流开发网站的技术；2..NET和ASP.NET区别是什么？（1）ASP.NET是一个网站开发的技术

云草桑·2023-10-15 10:51

vue3+vite+ts 配置别名@报错找不到模块

我在学习vue3+vite+ts的时候，在配置别名这一步的时候遇到了一个问题，使用@引入会报错，如下图所示。

高冷冷·2023-10-15 02:52

Vue3 + Quasar系列-代码配置以及报错汇总记录（不断更新中）

1.Vue3+Quasar系列-代码配置打包去掉hash后缀去掉hashhttps://quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa2

tangdou369098655·2023-10-15 02:49

node 基于标准注释的通用文档自动生成器

,越来越多,对企业整体的技术管控也带来越来越大的挑战,如何知道企业内部已经开发了哪些组件,哪些功能有写好的库可以直接调用,这些都需要一个文档工具来进行归纳汇总基于以上问题,笔者使用node+vue3+vite

非常帅气的昵称吧·2023-10-14 23:00

颠覆性语音识别：单词级时间戳和说话人分离 | 开源日报 No.53

vbenjs/vue-vben-adminStars:19.7kLicense:MITVueVbenAdmin是一个免费开源的中后台模板，使用最新的vue3、vite4和TypeScript等主流技术进行开发

开源服务指南·2023-10-14 22:02

vue项目打包，使用externals抽离公共的第三方库

封装了一个插件，用来vue打包抽离公共的第三方库，使用unplugin进行插件开发，vite对应的功能使用了vite-plugin-externals进行二次开发github地址npm地址hfex-auto-externals-plugin

UzumakiHan·2023-10-14 15:20

关于Vue+webpack使用unocss编写CSS，打包后CSS没加前缀

关于Vue+webpack使用unocss编写CSS，打包后CSS没加前缀，封装了一个插件去解决了这个问题unocss-postcss-webpack-pluginunocss在vite中使用配置，关于

UzumakiHan·2023-10-14 15:20

vue3 vite2 发布报 Rollup failed to resolve import “element-china-area-data“ 错误

发布前端项目pnpmrunbuild:prod出现Rollupfailedtoresolveimport“element-china-area-data”错误解决方法:在项目的vite.config.js

程序员岩哥·2023-10-14 14:38

发布vue3组件到npm

目录准备你的组件创建项目创建步骤创建组件封装我们要得组件导出组件打包使用组件发布包创建npm账户登录npm切换npm源发布到npmpackage.jsonpackage.json字段确定版本号版本号格式版本号递增逻辑vite

前端贾公子·2023-10-14 13:45

uniapp (vite +vue3+ts+pinia) 搭配微信小程序云开发项目架构搭建-避坑指南

前言最近开始了项目旧改，将以前开发的一些校园小程序由uniapp+vue2版本升级为，unipp+vite+ts+vue3的架构，顺便把代码质量提升一下。

oil欧哟·2023-10-14 12:40

uni-app 使用Vue3/Vite/TS构建, vite+ts+vue3小程序编译失败，浏览器没问题

使用Vue3/Vite版npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project上面不行的话点击这个链接，获取模板gitee，机器验证用VSCode打开我们所创建的项目

동경·2023-10-14 12:09

使用vscode搭建vite+uniapp+vue3+uview-plus项目

1.使用vscode创建项目npxdegitdcloudio/uni-preset-vue#vitemy-vue3-project需要注意的是当前的node版本^14.18.0以上2.项目创建完成后npmrundev:mp-weixinnpmrunbuild:mp-weixin以上是以微信小程序为例，如需其他可以查看其他项目命令https://uniapp.dcloud.net.cn/quicks

大好时光~·2023-10-14 12:34

vite批量引入并注册组件

有些时候当某一个文件夹下的文件都需要被引入的时候，一个一个的去import就会显得非常麻烦，webpack和vite都提供了批量引入文件的方法，下面来介绍一下vite和webpack中的批量引入文件。

变量只提升声明不提升赋值·2023-10-14 11:51

three.js项目--在线选车

、坐标需求：1、车身颜色修改2、磨砂、高光切换、同时价格切换3、室内室外切换4、驾驶位、副驾驶、外观多角度观察5、车门的开启、关闭编码：面向对象编程思想单例模式订阅发布模式ps:方便代码迁移复用（技术vite

Best_卡卡·2023-10-14 09:21

如何实现并部署自己的npm解析服务

简单来说分为3步：执行npminstall安装依赖使用打包工具（比如webpack）打包、编译代码（如果使用Vite会省去打包的步骤，但会执行「预构建」）将步骤2的产物通过script标签注入页面codesandbox

奇舞周刊·2023-10-14 08:28

从零开始搭建vue3 + ts + pinia + vite +element-plus项目

前言：据说vue2将于2023年12月31日停止维护，最近打算搭建一个vue3项目来学习一下，以防忘记，记录一下搭建过程。一、使用npm创建项目前提条件：已安装16.0或更高版本的Node.js执行“npminitvue@latest”命令来创建vue3项目，大家可以根据自己需要选择，我的选择具体如下图：生成文件夹内容如下：继续输命令：启动项目后进入如下页面：此时，项目已经初步搭建完成，但是我打开

zhoushuizhang·2023-10-14 08:15

vue3+ts+vite+pinia 项目搭建

1.起始，项目搭建yarn创建项目yarncreatevitepnpm安装依赖（如果没有可以用npm）//mac安装pnpmsudonpmi-gyarn//安装依赖pnpmi//启动项目yarndev//安装一下pretter和eslintpnpmiprettiereslinteslint-config-prettiereslint-plugin-prettiereslint-plugin-vue

ywh-愿来·2023-10-14 08:45

vue3 + ts + pinia + vite + vueRouter4的基本配置和使用

拥抱新技术，持续学习~1.下载一大堆依赖yarncreatevite//创建项目yarnyarndev//安装依赖并运行yarnaddvue-router@4//安装路由yarnaddpinia//状态管理yarnadd--devtypescript//ts环境npmi-Dnaive-ui//UInpmi-Dvfonts//字体npminstall@vitejs/plugin-vue//配置vit

漆黑骑士·2023-10-14 08:43

vite + vue3.0 + pinia + ts创建项目

1.通过vite创建vue3.0+ts项目yarncreatevite//输出项目名称Projectname:›vite-project//选择使用技术栈?

没名字的名字·2023-10-14 08:08

项目环境变量配置2/3

env.development.env.production.env.test.env.development文件VITE_APP_DEV="dev-api"VITE_APP_URL="http://192.168.0.0.1

小阳生煎·2023-10-14 07:02

项目创建 Vue3 + Ts + vite + pinia

vite官网搭建脚手架项目初始化准备安装工作(按步骤创建)npminitvue@latest创建完成后再次安装对应插件然后百度配置main.ts里面引入npmipinia--save//安装pinianpmivue-router

小阳生煎·2023-10-14 07:55

VUE3页面截取部署后的二级目录地址

用vue3开发了一个项目，只能部署在根目录，不能加二级目录，后来网上找了解决方案，在vite.config.ts中增加base:'./',配置解决问题，参考下图：但部署后要获取部署的二级目录地址切遇到问题

cwr888·2023-10-14 04:53

【vue3+ts】项目初始化

1、win+r呼出cmd，输入构建命令//用vite构建npminitvite@latest//用cli脚手架构建npminitvur@latest2、设置vscode插件搜索volar，安装前面两个如果安装了

String佳佳·2023-10-14 03:57

vue3.0+vite+ts+scss项目搭建

1.使用vite搭建Vue3.0npminstall-gcreate-vite-appcreate-vite-appvue3-vitecdvue3-vitenpminstallnpmrundev#或者使用

Cryday·2023-10-14 03:08

vue3 + vite引入scss全局变量

解决过程：全局变量前：globalstyle.scss的引入方式(在index.html中引入)//index.htmlViteApp改为全局变量后：step1：为修改后的vite.

月明泉清·2023-10-14 03:08

【SCSS篇】Vite+Vue3项目全局引入scss文件

在日常项目开发过程中使用非常广泛，今天主要讲一下Vite+Vue3项目中该如何全局引入scss文件，引入混合mixin文件的不同配置。捎带说一下Vue2中的引入方式做一下简单的对

MagnumHou·2023-10-14 03:37

Vue3模块找不到问题解决：找不到模块‘vue ‘。你的意思是将“模块解决方案”选项设置为“节点”，还是添加ali

Vue3+vite项目引入vue报错Cannotfindmodule‘vue‘.Didyoumeantosetthe‘moduleResolution‘optionto‘node‘,ortoaddali

Mr.BoBo.·2023-10-14 01:30

推荐频道

vite