- 博客(14)
- 收藏
- 关注
原创 windows服务器下使用jenkins部署vue项目
使用jenkins自动化部署vue项目,从gitee上自动拉去代码,构建到nginx上。修改代码提交到gitee后,点击jenkins上的build now即可自动化构建
2022-12-06 13:07:28
2213
1
原创 vue3+vite+monaco editor
vue3+vite实现monaco编辑器这里的是清空monaco使用的首先是安装(这里webpack和vite插件都安装了)然后在vite.config.js里面配置然后再页面里面引入 初始化monaco编辑器,然后initEditor()放在onMounted里面代码提示和获取输入的值:也是写在initEditor()里面的3.在3里面展示我用的是ifreamdataList.conte.........
2022-06-22 10:37:14
6910
9
原创 pinia简单使用
pinia1.pinia的安装npm install pinia2.使用pinia创建一个store 01.在main.js引入 index.jsimport { createApp } from 'vue'import App from './App.vue'import { createPinia } from 'pinia'const pinia = createPinia()const app = createApp()app.use(pinia).mount('#
2022-04-25 16:43:58
970
原创 Threejs加载外部glb文件
1.页面html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>pb展示</title> <!--引入three.js三维引擎--> <scrip
2022-04-19 14:22:39
4241
1
原创 gulp自动化
一、Gulp工程化、模块化、自动化 grunt gulp webpack中文官网:https://www.gulpjs.com.cn/Gulp(opens new window)是一个基于流的自动化构建工具。除了可以管理任务和执行任务,还支持监听文件、读写文件。Gulp 被设计的非常简单,只通过下面5个方法就可以支持几乎所有构建场景:通过 gulp.task 注册一个任务; 通过 gulp.src 读取文件; 通过 gulp.dest 写入文件。 通过 gulp.watch 监..
2022-03-29 14:11:02
313
原创 css鼠标移入下划线由中间向两边散开
先上效果:代码如下:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>鼠标移入下划线展开</title><style type="text/css">.underline{ width: 200px; height: 50px; background: red; margin: 20px; position.
2021-11-14 16:59:44
1050
原创 css鼠标移入,div边框显示阴影效果
代码如下<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>显示边框阴影</title><style>div { border:#CCC solid 1px; width:200px; height:200px;}div:hover { bo...
2021-11-14 16:47:06
3822
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人