Vite构建工具第20页

vue3+vite中使用vuex

1.第一种方式在main.ts中创建一个新的store实例import{createStore}from'vuex'//创建一个新的store实例conststore=createStore({state(){return{username:'张三'}},mutations:{changeName(state:any,us:string){state.username=us;}}})constap

程序员正茂·2023-12-30 05:46

vue3+vite组件中使用Cesium粒子系统

一、注意事项1.图片的引用路径必须从根目录（即index.html所在的目录）开始，如果使用相对路径，也要返回到根目录再转到对应的目录。//第一种，直接从根目录开始image:'src/assets/particles/BlowingSnow.png'//第二种，相对路径先返回到根目录，再转到对应目录image:'../../src/assets/particles/BlowingSnow.png

程序员正茂·2023-12-30 05:10

vue3+ts打开echarts的正确方式

实例项目使用vite5+vue3+ts，项目地址vite-vue3-charts，预览地址https://weizwz.com/vite-vue3-charts准备工作1.注册为百度地图开发者官网地址，

液态不合群·2023-12-30 01:55

Linux开发工具——gdb篇

Linux下调试工具——gdb文章目录makefile自动化构建工具 gdb背景 gdb的使用常用命令总结前言：编写代码我们使用vim，编译代码我们使用gcc/g++

阿熊不会编程·2023-12-29 21:52

vue3中引入文件ts报红色波浪线问题

在创建vue3+vite+ts的项目过程中，发现ts在引入文件时报红色波浪线解决方法：1.如果使用的vsCode中vue插件是Vetur的话，需要卸载重新安装支持vue3的Volar插件2.需要在src

dzry_lr·2023-12-29 21:15

【揭秘】Maven聚合与继承：如何轻松实现项目依赖管理？

定义maven的聚合在Java开发中，Maven是一个流行的项目管理和构建工具。在

程序员古德·2023-12-29 20:06

vite+vue3打包部署问题

最近使用vite+vue3写了个小的demo，发现打包部署后页面出不来。如果是正常把包放在服务器的根目录中，项目页面是可以打开的。但是我要部署的是根目录dist包里面，外面多了一层文件夹。

Fighting宁·2023-12-29 19:21

nginx部署前端项目总结

目录1.前端打包2.nginx配置3.注意点1.前端打包本次开发使用的是字节的前端框架ArcoDesign进行开发，使用vue3，ts及vite，框架中有两套环境配置，分别为.env.development

linab112·2023-12-29 17:10

vite配置proxy不生效

检查vite.config的proxy配置server:{strictPort:true,proxy:{'/base':{target:env.VITE_BASE_API_PREFIX,changeOrigin

noyanse·2023-12-29 16:00

[react]脚手架create-react-app/vite与reac项目

[react]脚手架create-react-app/vite与reac项目环境问题描述create-react-app脚手架根据脚手架修改项目结构安装脚手架注入配置文件-config文件夹package.json

三知之灵·2023-12-29 16:49

VSCode + vite + vue3断点调试配置

没想到这个配置我搞了一上午，网上很多的配置方案都没有效果。总算搞定了，特此记录一下。首先需要在.vscode文件夹下面创建launch.json配置文件。然后输入如下配置：{//使用IntelliSense了解相关属性。//悬停以查看现有属性的描述。//欲了解更多信息，请访问:https://go.microsoft.com/fwlink/?linkid=830387"version":"0.2.

acgCode·2023-12-29 15:11

Vite项目打包构建优化（视图分析、CDN引入）

使用rollup-plugin-visualizer插件先分析模块占用空间安装依赖：pnpmirollup-plugin-visualizervite配置：plugins:[vue(),visualizer({filename:'analysis.html',//分析图生成的文件名open:true//如果存在本地服务端口，将在打包后自动展示})]执行命令：vitebuild打包构建会自动生成下面

一路向北@L·2023-12-29 13:01

vite 查看项目依赖资源打包后的占比

vite打包的时候发现dist包挺大的；可以查看相应依赖资源的所占比例去压缩对应资源或按需导入对应资源；使用的是rollup-plugin-visualizer；一个打包体积分析插件，对应webpack

小小的杰茜·2023-12-29 13:28

【Vue3】创建项目的方式

vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##执行创建命令vuecreatevue_test本质上使用webpack，默认安装以下依赖：2.基于vite

小秀_heo·2023-12-29 13:58

Vite+Vue3学习笔记（2）——语法、渲染、事件、数据传递、生命周期、第三方库、前端部署

官网链接：https://cn.vuejs.org/如果出现普通用户无法新建项目，必须要管理员身份新建，那么可以在nodejs的安装路径设置安全选项，提高普通用户的权限。具体方法参考：https://blog.csdn.net/weixin_43174650/article/details/1218659340基本标签标签功能template模板div块h1~h6标题p文字header头部main

阳排·2023-12-29 10:57

Maven介绍安装和配置详解

1.Maven介绍Maven是一个自动化构建工具，主要用于Java项目的构建和管理。它使用一种基于项目对象模型（POM）的概念，使得开发者能够使用一种统一的方式来管理项目的构建、报告和文档。

孤蓬&听雨·2023-12-29 09:49

vue.js组件的应用(Vite构建)

一.组件的定义和应用1.全局组件全局组件是指在任何页面中不必再单独引入组件并注册，直接在模板中使用组件名称就可以引用的组件。全局组件注册方法一先在src目录下新建一个globalComponents文件夹，再新建一个Header.vue的全局组件。全局组件Headerexportdefault{name:'Header'//以大写字母开头的组件名称}进入main.js，进行全局组件的注册，代码如下

心理患者·2023-12-29 09:07

vite打包es5

//vite.config.js配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importlegacyfrom'@vitejs

[email protected]·2023-12-29 09:59

[spark] dataframe的数据导入Mysql5.6

在Spark项目中使用Scala连接MySQL5.6并将DataFrame中的数据保存到MySQL中的步骤如下：添加MySQL连接驱动依赖：在Spark项目中，你需要在项目的构建工具中添加MySQL连接驱动的依赖

言之。·2023-12-29 07:02

简单聊聊 webpack vue-cli vite

先说说webpack从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具，其实重点就是跟，他依赖于node模块前端模块化是指：前端的js，css，图片，json文件，还有一些其他的静态资源可以当成模块来进行使用，还有就是处理模块之前的依赖，比如scss转css（sass-loader，同时sass-loader依赖node-sass），es6转es5，typescri

奶爸程序猿·2023-12-29 05:23

快速上手makefile自动化构建工具

makefile自动化构建工具文章目录makefile自动化构建工具 makefile背景简单认识makefile 依赖关系与依赖方法生成项目清理项目

阿熊不会编程·2023-12-29 05:06

Vue入门(学习笔记)

文章目录一、前端核心分析1.1、概述1.2、前端三要素1.3、表现层（CSS）1.4、行为层（JavaScript）二、前端发展史2.1、UI框架2.2、JavaScript构建工具2.3、三端同一2.4

Azмat·2023-12-29 04:13

【Vue3快速上手】

Vue3快速上手1Vue3简介2创建Vue3.0工程2.1使用vue-cli创建2.2使用vite创建3分析工程结构4安装开发者工具1Vue3简介github上的tags地址：https://github.com

小王小王几点了·2023-12-29 00:51

在用Vite开发时静态图片放哪里,才能保证显示，不出现找不到资源

在用Vite开发时静态图片放哪里在用Vite开发时静态图片（资源）放哪里呢？如果你想直接全部显示的那么请你把静态资源放到public目录下面，这样你一打包所有的静态资源都会放到打包根目录下。

xwhking·2023-12-28 23:26

Vue3中说说Tree shaking特性？举例说明一下？

提起Vue3里面的Treeshaking时候，需要提到它是通过构建工具和模块导入方式实现的。

SwJieJie·2023-12-28 21:25

gradle安装配置与使用

目录什么是gradlegradle下载与安装gradle使用示例，利用gradle建立两个模块什么是gradleGradle是一个基于JVM的构建工具，是一款通用灵活的构建工具，支持maven，Ivy仓库

西凉的悲伤·2023-12-28 19:17

使用Vite创建React + TypeScript（pro和mobile，含完整的空项目结构资源可供下载）

templatereact-tsVite是一个框架无关的前端工具链，可以快速的生成一个React+TS的开发环境，并且可以提供快速的开发体验说明：1.npmcreatevite@latest固定写法（使用最新版本vite

怕冷的火焰（~杰）·2023-12-28 18:55

three.js实现3D汽车展厅效果展示

项目搭建本案例还是借助框架书写three项目，借用vite构建工具搭建vue项目，搭建完成之后，用编辑器打开该项目，在终端执行npmi安装一下依赖，安装完成之后终端在安装npmithree即可。

不爱敲代码的小胡·2023-12-28 17:06

vite + vue3 的项目，使用 rollup 打包的方法

library-mode详细设置https://cn.vitejs.dev/config/#build-lib技术栈viterollup打包方式vue-cli自带的是webpack的打包方式，打出的包体积有点大，而vite

自然框架·2023-12-28 17:07

Java API 操作Docker浅谈

你可以在你的构建工具（如Maven或Gradle）的配置文件中添加以下依赖项：com.github.docker-

潇潇说测试·2023-12-28 17:47

dockerfile——镜像构建工具详解及案例

DockerfileDockerfile是⼀个创建镜像所有命令的⽂本⽂件,包含了⼀条条指令和说明,每条指令构建⼀层,通过dockerbuild命令,根据Dockerfile的内容构建镜像,因此每⼀条指令的内容,就是描述该层如何构建.有了Dockefile,就可以制定⾃⼰docker镜像规则,只需要在Dockerfile上添加或者修改指令,就可⽣成docker镜像.dockerbuild流程简介do

咚伢·2023-12-28 15:38

‘xxxx‘ is declared but its value is never read.Vetur(6133)

问题在打开vscode时，部分变量等报isdeclaredbutitsvalueisneverread,尤其是vite+vue3+TypeScript时原因vetur不再支持维护了方案1、卸载vetur2

苦夏木禾·2023-12-28 10:31

vite项目修改依赖不更新，清除依赖缓存

有些时候我们会直接修改依赖文件，但修改后没有更新，大多数情况下就是被缓存了解决方法1、手动删除node_modules/.viteVite会将预构建的依赖缓存到node_modules/.vite;然后手动删除即可

苦夏木禾·2023-12-28 10:31

coderfl·2023-12-28 09:12

vue3视频播放插件vue3-video-play的具体使用方法

:12分钟前之前的vue项目中用到视频播放器，但是UI不是很好看，索性就打算写一个视频播放器插件紧随着vue3的发布，vue3的生态还不是很完整，就索性把这个视频播放器插件修改成了vue3版，最终使用vite2

xdlumia·2023-12-28 09:17

使用Spring获取方法参数名

3.1如果使用的是maven作为构建工具3.2如果使用的是SpringBoot加上Maven3.3结论1.使用Spring提供的轮子获取方法参数名称假设我们有一个TestClass,定义如下clas

Zzzj_1233·2023-12-28 08:00

vite技术揭秘--模版创建

定义的数组会在命令行中依次执行，并收集结果此时我们已经知道用户选择的模版类型，以及定义的文件名称等内容，此时根据目标目录进行新建或清空接着做读写操作，即从模板中读取文件复制到目标文件中这显然是一次递归行为其中，模版是由vite

习惯水文的前端苏·2023-12-28 07:41

vue3+vite+vue-router实现动态读取文件夹名称和addRoute

方案：借助vite的新增属性获取文件夹名称及其component动态加载到router上文件目录：//main.jsimport{createApp}from'vue';import{createPinia

zhooson·2023-12-28 07:29

【项目实战】基于Vue3+TypeScript+Pinia的后台管理系统（coderwhy）

基于Vue3+TypeScript+Pinia的后台管理系统是基于Vue3、Pinia、VueRouter、Vite、ElementPlus、TypeScript、Echarts等后台系统接口地址https

起伏羊·2023-12-28 07:54

vue3后台管理系统（模板）

系统简介此管理系统是基于Vite2和Vue3.0构建生成的后台管理系统。

落下香樟树·2023-12-28 07:22

Spring源码下载编译教程，基于IDEA 2021.1.3

一、准备条件：二、Spring源码下载三．下载构建工具gradle4.10.3四、为gradle配置阿里云镜像五、导入spring源码六、测试spring源码是否导入成功七、问题一、准备条件：本示例基于

guyu_dded·2023-12-28 06:52

1.Gradle安装 & Spring源码下载(MAC, IDEA)

最近突发奇想想研究一下spring源码,那么先从搭环境开始吧,此文用来纪念搭环境的坑.工具:MAC,IDEA首先spring源码是用gradle管理所以先下载一下gradle平时;Gradle是一个基于Groovy的构建工具

MoFei_MoFei·2023-12-28 06:22

2312llvm,用匹配器构建clang工具

原文用LibTooling和LibASTMatchers构建工具这里展示如何基于Clang的LibTooling构建有用的源到源翻译工具.基础步骤0:取Clang因为Clang是LLVM项目的一部分,因此你需要先下载

fqbqrr·2023-12-27 23:37

Jenkins部署发布

jenkins可以很好的支持各种语言（比如：java,c#,php等）的项目构建，也完全兼容ant、maven、gradle等多种第三方构建工具，同时跟svn、git能无缝集成，也支持直接与知名源代码托管网站

养了一只皮卡丘·2023-12-27 18:14

Vue前后端跨域链接

前端更改访问方式在vite.config.js文件设置映射的路径exportdefaultdefineConfig({plugins:[vue(),],resolve:{alias:{'@':fileURLToPath

Zm6Cc·2023-12-27 16:11

Bazel作为构建工具之王，将会颠覆你对CI的认知

说到构建工具，不同语言技术栈的人，想起的构建工具不同。

apl359·2023-12-27 16:01

一、RK3588-安装CMake-3.28.1

1.前言1.1简介CMake（Cross-PlatformMake）是一个跨平台的构建工具，用于管理软件项目的构建过程。使用CMake可以生成与操作系统和编译器无关的构建配置。

呆呆珝·2023-12-27 14:34

uni-app 命令行创建

1.首先创建项目，命令如下:npxdegitdcloudio/uni-preset-vue#vite-tsuni-app-demo如果出现报错，如下图.大概率就是没有目录'C:\Users\Administrator

丑过三八线·2023-12-27 13:47

idea下载插件自动生成get、set方法

1.Lombok插件Lombok是一个Java库，能自动插入编辑器并构建工具，简化Java开发。通过添加注解的方式，不需要为类编写getter或eques方法，同时可以自动化日志变量。

yxwCat·2023-12-27 12:45

uniapp项目用vscode开发，拉黑马的基本模板代码，安装eslint+prettier后，ts.config.json文件报错，提示有 “node“ 模块解析策略的情况下，无法指定选项 “

vite项目报错：在没有“node“模块解析策略的情况下，无法指定选项“-resolveJsonModule“。

深一海·2023-12-27 10:59

推荐频道

Vite构建工具