vite构建工具vue-cli 第11页

vue3.X

Vue.js3.0源码组织方式的变化CompositionAPI性能提升Vite一、源码组织方式源码采用TypeScript重写使用Monorepo管理项目结构二、vue.js3.0不同构建版本packages

丽__·2024-02-02 05:25

ele-h5项目使用vue3+vite开发：第二节、search 搜索框组件开发

如何设计一个组件需求分析布局contentleft-iconbodyinput-controlright-iconaction功能使用defineEmits定义组件的事件在组件的scriptsetup里如何定义事件使用defineEmits（）定义先声明事件接口interfaceIProps{showAction?:booleanbackground?:stringplaceholder?:str

_沐晨·2024-02-02 02:16

项目管理构建不只是Maven,还有更优越的它！

Gradle简介Gradle是一种现代化的构建工具，用于构建Java、C++、Python、Android等项目。

艾利克斯冰·2024-02-02 02:48

Vue3+vite引入Tailwind CSS

TailwindCSS是一个为快速创建定制化UI组件而设计的实用型框架。与其他CSS框架或库不同，TailwindCSS组件没有预先设置好样式。可以使用Tailwind的低级实用类来为CSS元素设置样式，如margin、flex、color等。自从2017年发布以来，TailwindCSS越来越受欢迎，因为它允许开发者创建独特的UI，而不被UIkit规则所束缚。引入tailwindcss中文文档t

QGS-CD·2024-02-02 00:31

使用vue脚手架构建项目

一、前言*创建好vue-cli的环境，下载好vue包依赖*本文使用环境：@vue/cli5.0.8二、步骤创建vueTest文件夹，管理员身份运行cmd,进入到vueTest文件夹执行命令vuecreate

CAUC_lin·2024-02-01 23:41

vue-cli组件的使用

一、前言本文介绍vue-cli组件的使用，基于已经搭建好的基础项目。

CAUC_lin·2024-02-01 23:41

vue-cli项目运行流程介绍

一、前言本文介绍vue-cli搭建的项目运行流程，基于已经搭建好的基础项目。

CAUC_lin·2024-02-01 23:10

俗人浮生·2024-02-01 22:49

基于 vite 创建 Vue3 项目

1、基于vue-cli创建##查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##执行创建命令

打不着的大喇叭·2024-02-01 21:33

【Linux】Linux环境基础开发工具使用

核动力C++选手·2024-02-01 20:38

vue覆盖html,VUE 如何覆盖element组件样式

我们通常的vue工程都是用vue-cli自动生成出来的，不知道大家有没有发现一个细节——生成的*.vue文件上会默认带上“scoped”，如下图：UI库不好覆盖的问题

张盼锋·2024-02-01 18:34

Maven安装，学习笔记，详细整理maven的一些配置

后端Web开发技术的学习，我们会先学习Java项目的构建工具：Maven1.2初识Maven1

YCY^v^·2024-02-01 16:32

three.js和vue.js学习 -- 创建一个3d模型demo

threejs/docs模型下载链接：https://sketchfab.com/feed属于对该项目的学习，对于其中基础部分的细分和笔记准备three的流程参考图Part1：创建项目，引入three同样使用vue-cli

深海大大·2024-02-01 15:21

Vue3+vite搭建基础架构（1）---新建项目

Vue3+vite搭建基础架构（1）---新建项目说明官方文档创建vite项目启动项目说明这里记录下自己用Vue3+vite的搭建过程，不使用ts语法，方便以后直接使用。

谁不想飞舞青春·2024-02-01 14:08

vite+vue3+vuex+element-plus项目搭建基础

npmcreatevite创建项目cd项目路径，进入项目npminstall下载依赖npmrundev启动项目main.js是入口文件，所有的执行必须经过main.jsapp.vue根组件实例，挂载在index.html上每一个.vue组件都有三个顶层，template、script、style每一个组件中的变量，类名都是互不影响的，所以可以重复使用npmiaxios下载axios请求工具src下

燕燕的猪·2024-02-01 14:05

Vue3+vite搭建基础架构（2）--- 使用Element Plus

Vue3+vite搭建基础架构（2）---使用ElementPlus说明官方文档vite-demo目录结构说明安装ElementPlus安装命令使用ElementPlus组件组件显示语言为英文问题说明这里记录下自己在

谁不想飞舞青春·2024-02-01 14:02

【Java】Lombok的使用

Lombok是一个Java库，能自动插入编辑器并构建工具，简化Java开发。

沙河板混·2024-02-01 13:26

less的使用小技巧以及vite 如何配置less全局变量

1.变量-属性可用于统一修改，比如特殊节日置灰等@primaryColor:#f2f2f2;//使用color:@primaryColor2.变量-选择器添加项目标识(可用于微前端的样式隔离)@nameSpace:'my-app';//在组件中使用@prefix-cls:~'@{nameSpace}-component1';.@{prefix-cls}{...}3.函数可用于对复杂样式简单处理，用

原谅我不够洒脱·2024-02-01 11:00

vite搭建完整项目

安装三、安装路由一、创建项目1.选择一个你常用的命令进行安装npmcreatevite@latestyarncreatevitepnpmcreatevitebunxcreate-vitetips：使用vite

一只大黑洋·2024-02-01 11:26

npm发布Vue组件

一、前言本文主要介绍如何把一个vue组件通过vite编译发布到NPM平台。

zyk_520·2024-02-01 11:23

运行项目 HellowWord node-npm-vue

mac部署vue-cli第一步：在你的用户文件下新建一个文件夹，这个.npm-global名字可以用你自己喜欢的名字替换，推荐直接使用这个名字。

黄毛火烧雪下·2024-02-01 09:17

从0搭建一个springboot web系统

要从头开始搭建一个SpringBootWeb系统，你需要遵循以下步骤：安装Java开发环境（JDK）和Maven（构建工具）。创建一个新的Maven项目。

还得是你大哥·2024-02-01 08:55

Gradle--01---Gradle简介

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录GradleGradle是一个好用的构建工具Gradle与Maven的区别Groovy语言DSL与GPLGradle安装下载地址https

知行合一。。。·2024-02-01 08:53

【Vue】2-9、Vue-CLI 脚手架

三、安装与使用vue-cli是npm上的一个全局包，安装命令：npminst

QX_Java_Learner·2024-02-01 07:23

个人建站前端篇（二）项目采用服务端渲染SSR

Vue生态中的SSR通用解决方案Nuxt是一个构建于Vue生态系统之上的全栈框架Quasar是基于Vue的完整解决方案Vite提供了内置的Vue服务端渲染支持，插件使用vite-plugin-ssr这里采用

niech_cn·2024-02-01 06:19

vue + 动态加载图片

/img.png';2、图片在src目录下vite官网的静态资源引入参考地址newURL(url,import.meta.url)import.meta.url是一个ESM的原生功能，会暴露当前模块的URL

天外天-亮·2024-02-01 06:44

配置alias（设置别名@）

Vite配置alias需要两步进行（TS项目）1、修改vite.config.ts（让程序支持）2、修改tsconfig.json（让编辑器支持）修改vite.config.tsimport{defineConfig

吾娱生活·2024-02-01 06:36

Element-Plus：No known conditions for “./lib/locale/lang/zh-cn“

一、问题描述：在Element-Plus升级时可能会遇到：[vite]Internalservererror:Noknownconditionsfor“.

晓风伴月·2024-02-01 05:50

ideal中使用ant打war包

ant是一种自动化构建工具，它本身就是这样一个流程脚本引擎，用于自动化调用程序完成项目的编译，打包，部署等。除了基于JAVA是平台无关的外，脚本的格式是基于XML的。

相约最好的自己·2024-02-01 03:31

Vite+Ts新建项目报错

tsconfig.app.json添加"compilerOptions":{"moduleResolution":"node"}env.d.ts添加/////vue3报错提示找不到模块“./XXX.vue”或其相应的类型声明//报错原因：typescript只能理解.ts文件，无法理解.vue文件declaremodule'*.vue'{importtype{DefineComponent}fro

斯文～·2024-02-01 01:30

SpringBoot自动配置与源码分析

3.默认采用Maven作为构建工具。在探索SpringBoot自动配置之前，先了解下什么是自动配置。自动配置所谓自动配置，可以理解

程序吟游·2024-02-01 00:34

maven构建过程解析

SpringBoot项目，会看到一个pom.xml文件，表示这是一个Maven工程，因为SpringBoot项目通常使用Maven作为构建工具。Maven是什么？

程序吟游·2024-02-01 00:33

Vite+Vue3+TS 引入使用Cesium.js

申请CesiumToken进入Cesium注册账号cesium离谱的是E宝(Epic)居然可以快捷登录？！登录后点击导航栏的AccessToken再右侧即可看到默认Token安装&引入#Cesiumpnpmpnpminstallcesium#如果项目同时存在Three.js需避免使用pnpmThree.js对pnpm+ts的组合并不友好npmicesium依赖包安装完毕后需要在public文件夹内

RyzenVega·2024-02-01 00:01

浏览器报错：node_modules.com/.vite/deps/*** net::ERR_ABORTED%20504

背景：node_modules/.vite/deps/目录是Vite打包应用时，用来存储预编译文件。如果在开发应用过程中，新引入一些外部依赖包，Vite可能没有及时识别，并进行预编译。

码农键盘上的梦·2024-01-31 23:55

❤搭建一个Springboot项目(ltbjava)

jdk17Maven3.8.7PS：springboot3.0版本以上必须用jdk171、项目创建（1）点击IDEA打开项目，选择新建项目（2）选择springinitalizr，其默认就是去官网的快速构建工具那里实现的

林太白·2024-01-31 20:45

Maven基本使用

Maven简介:ApacheMaven是一个项目管理和构建工具，它基于项目模型(POM)的概念，通过一小段描述信息来管理项目的构建，报告和文档Maven的作用:(1）项目搭建；（2）依赖管理；（3）项目信息管理

_殊途·2024-01-31 19:22

【Vite+Vue3+Ts+Pinia+Sass】从0到1项目创建（必备收藏）

项目创建网络问题，这里我用cnpm，遇到安装卡了不动的同学也可以使用cnpm安装命令npminstallcnpm-gcnpmcreatevite@latest//Projectname:»vite-project

极致♀雨·2024-01-31 18:36

【Vite+Vue3+Ts】挂载全局store/pinia（全局方法）

store文件内容：exportconstuseCounterStore=defineStore("counter",{state:()=>({lang:'en',}),actions:{},});新建插件piniaPlugin.tsimport{useCounterStore}from"@/store/index";//引入pinia方法exportdefault{install:(app:an

极致♀雨·2024-01-31 18:36

【Vite+Ts+Vue3】使用Crypto-js封装AES加密

安装依赖cnpminstallcrypto-js--save项目创建secret.ts文件importCryptoJSfrom"crypto-js";//必须为16、24、32位constKEY="4564564564564564";constIV="4564564564564564";/***AES加密：字符串keyiv返回base64*/exportconstEncrypt=(word:any

极致♀雨·2024-01-31 18:05

【Vite+Ts+Vue3+Pinia】使用i18n国际化简单配置

安装i18ncnpminstallvue-i18n--savesrc目录新建language文件夹并新建以下文件新建en.ts（英文）constmessages={home:{title:"BookStore",hint:"ComputerScienceAndSoftwareEngineering",guessYouLike:"GuessYouLike",},};exportdefaultmess

极致♀雨·2024-01-31 18:05

【Vite+Ts+Vue3】项目多环境打包配置+axios+Api封装

安装axioscnpminstallaxios--save项目根目录新建以下配置文件开发环境//.env.developmentVITE_APP_BASE_API=http://localhost:3000/api生产环境//.env.productionVITE_APP_BASE_API=http://production/api测试环境//.env.testVITE_APP_BASE_API=

极致♀雨·2024-01-31 18:32

【Linux杂货铺】自动化构建工具 Makefile

博主：代码菌@-CSDN博客专栏：Linux杂货铺_代码菌@的博客-CSDN博客目录前言makefile和make的概念示例依赖关系and依赖方法项目清理make工作原理扩展总结前言一个工程的源文件不计其数，按照不同功能分在若干目录中，如何有规则的处理这些文件，提高开发效率呢？就需要自动化编译工具makefile，make则是一个命令工具，解释makefile中指令的工具。两者搭配使用，完成自动化

代码菌@·2024-01-31 18:59

Vite4、Vue3、Axios 针对请求模块化封装搭配自动化导入（简单易用）

index.jssrc/api/index.jssrc/api/request.jssrc/api/service.jssrc/api/utils.jssrc/api/modules/demo.js自动化配置vite.config.jseslint

Thetimezipsby·2024-01-31 17:09

vite生产环境报错 TypeError: Failed to fetch dynamically imported module: xxx

问题描述vue3+vite项目：有时跳转页面会卡住，控制台信息如下：TypeError:Failedtofetchdynamicallyimportedmodule:xxx信息收集用户端复现了问题，从现场获取到控制台日志