DevOps学习笔记--Jenkins介绍1 简介介绍特性2 CI/CD介绍2.1 CI(Continuous integration)持续集成介绍要求优点2.2 CD(Continuous Delivery)持续交付介绍要求优点2.3 CD(Continuous Deployment)持续部署介绍要求优点参考 1 简介介绍Build great things at any scale.The
转载
2024-03-22 18:21:27
125阅读
1. Vue2.x 和 Vue3.x 生命周期方法的变化文档地址：https://v3.cn.vuejs.org/guide/composition-api-lifecycle-hooks.htmlVue2.x 和 Vue3.x 生命周期方法的变化蛮大的，先看看：2.x 生命周期3.x 生命周期执行时间说明beforeCreatesetup组件创建前执行createdsetup组件创建后执行bef
转载
2023-11-27 01:50:54
188阅读
VUE3小结1、Vue3.0环境集成1.使用vue-cli创建2.使用vite创建2、常用的Composition API（组合API）1、setup函数2、ref函数3、reactive函数4、Vue3.0中的响应式原理7、监听属性10、自定义事件11、属性传值13、占位组件Suspense和异步组件14、注册组件（八种方式）15、isRef toRef toRefs（响应式数据解构）16、r
转载
2024-06-28 19:03:32
168阅读
Vue3.0的六大亮点：Performance：性能比 Vue2.x 快 1.2~2 倍Tree shaking support：按需编译，体积比 Vue2.x更小Composition API：组合API(类似 React Hooks)Better TypeScript support：更好的 Ts 支持Custom Renderer API：暴露了自定义渲染APIFragment，Telepo
转载
2024-01-29 00:53:55
113阅读
vue搭建准备环境npmnodewebpackvs codenpm使用brew命令行进行下载安装指定版本：brew install npm查看版本号：$ npm -v
8.15.0Node进入官网nodejs，根据自己电脑的版本进行下载安装，如果是mac电脑，可以直接使用brew命令行进行下载。 安装指定版本号：brew install node@16安装完成后，使用node -v的命令查看版本号
转载
2024-08-29 21:30:56
282阅读
须知本文部分内容参考以下链接：blog.fundebug.com/2018/06/08/…步骤1、安装 Vue-CLInpm install -g @vue/cli
# OR
yarn global add @vue/cli
复制代码参考：cli.vuejs.org/zh/guide/in…2、用 Vue-CLI 创建项目定位到上级目录，创建 Vue-CLI 项目。新建或者覆盖都可以vue cre
创建vue3项目
原创
2024-05-16 11:01:57
79阅读
vue3项目快速开发模板简介本项目采用 vue3 + webpack 的方式来开发，已经引入了常用功能，不需要再去配置路由、请求、pinia 等，上手直接开发页面即可，真正做到开箱即用你可以直接拉取我的仓库来直接使用，也可以按照本文教程自己操作技术栈vue3webpackpiniavue-router4element-plusaxiosi18nsass启动项目安装npm install运行npm
# Vue 3 项目架构解析
Vue.js 是一个流行的前端框架，广泛应用于开发现代化的单页应用（SPA）。随着 Vue 版本的迭代，Vue 3 引入了许多新特性，使得构建组件化和可维护的应用变得更加简单。本文将详细讲述 Vue 3 项目架构的组成部分，并通过代码示例解释如何实现它。
## 一、项目构建
使用 Vue CLI 创建项目是最常见的方式。以下是创建 Vue 3 项目的命令：
`
云服务器Linux环境下vue项目安装部署nginx一、安装nginx第一种方法：直接在Xshell里边安装第二种方法：在宝塔面板中可视化安装二、安装中遇到的问题解决方法一解决方法二三、vue的打包和nginx的配置1.将vue项目打包2.将dist包上传到服务器中3.修改nginx.conf的配置 一、安装nginx第一种方法：直接在Xshell里边安装1、安装依赖和相关库：[root@loc
jenkins自动化部署hello，大家好，前文我们已经下载好我们的jenkins了，下面我们用jenkins来实现自动化部署啦！一、下载插件我们选择插件管理一个是Maven Integration plugin，一个是 Publish Over SSH这里因为作者已经下载好了，所以在Installed可以查找到二、设置全局工具配置maven和jdk下载可以去查看作者Docker 安装Jenkin
准备（1）首先是一个Vue项目。（2）其次准备好服务器（在这里我是用虚拟机VMware）。（3）准备好一个SpringBoot后端代码。（4）服务器上必须安装Nginx。1、前端代码注意事项：（1）在这里我是用vuecli3脚手架创建的vue项目的，所以项目创建完毕之后是没有vue.config.js的。 其实这个文件的创建是为了本地测试解决前后端跨域问题的，但是在打包项目的时候需要把这里关于跨域
转载
2024-03-02 09:46:25
417阅读
使用vite构建vue3项目、vite
原创
精选
2023-06-27 10:31:51
872阅读
前言vue3已经正式发布有一段时间了，本着学习使人进步的原则，就开始了vue3的实践之路。vue3推出了一个web开发构建工具vite，那就放弃使用vue-cli尝尝鲜吧。vue3项目也是用了typescript，并且现在ts也很火，就正好一起实践一下。准备工作 确保安装了node开始1、项目初始化npm init vite-app my-vue3此时项目就已经初始化好，并且可以正常运行了。cd
转载
2023-10-26 19:44:55
349阅读
vue3项目打包默认情况下npm run build后会将文件打包到dist目录下，其中dist/index.html是首页从上面我们可以知道资源都是以/进行访问，我们使用vscode的live server插件后打开发现资源出现问题，访问地址为：http://127.0.0.1:5500/demo/dist/index.html资源从/加载的话会将协议://域名：端口进行拼接导致我们的资源出现异
转载
2023-07-18 21:37:04
434阅读
vue3 工程结构分析 vm vs app前言主要内容1 工程结构分析1.1 图示1.2 叙述2 vue3工程结构2.1 app与vm2.2 App.vue2.3 语法检查summary前言这篇文章的相关知识在vue3第一幕基础与起步中有过提及，本文相当于是对它的补充，侧重点在vue2的vm与vue3的app。本文是vue3知识的一部分，主要内容是vue3的工程结构分析。文章会给出工程结构图和具
转载
2023-12-22 13:36:56
267阅读
一. 代码规范1.1 集成editorconfig配置EditorConfig有助于为不同IDE编辑器上维护一致的编码风格安装插件：EditorConfig for VS Code 后会读...
原创
2022-06-29 20:47:16
498阅读
# Vue 3项目支持 TypeScript 的介绍与实践
在现代前端开发中，TypeScript 以其静态类型检查特性受到越来越多开发者的青睐。而 Vue 3 作为一个现代化的前端框架，同样提供了对 TypeScript 的一等公民支持。这篇文章将带你了解如何在 Vue 3 项目中使用 TypeScript，并附上具体的代码示例，帮助你顺利开展工作。
## 什么是 Vue 3？
Vue.j
原创
2024-10-10 04:38:41
76阅读
# Vue 3 项目中安装与使用 Axios
在现代 Web 开发中，数据的获取和交互已成为应用的重要组成部分。Vue.js 作为一款流行的前端框架，能够帮助开发者构建动态的用户界面。而在进行网络请求时，Axios 是一个非常受欢迎且强大的库。本文将会详细介绍如何在 Vue 3 项目中安装并使用 Axios，包括代码示例和类图展示。
## 1. 什么是 Axios？
Axios 是一个基于
# Vue3项目使用TypeScript
## 概述
在本文中，我将向你介绍如何在Vue3项目中使用TypeScript。Vue3是一种流行的JavaScript框架，而TypeScript是一种类型安全的JavaScript超集。结合使用Vue3和TypeScript可以提供更好的开发体验和代码质量。
## 步骤
下面是实现Vue3项目使用TypeScript的步骤：
| 步骤 | 描述
原创
2023-08-03 07:34:47
283阅读
