vue模板vscode vue2
在vue项目中使用TailwindCSS
在vue项目中使用 创建vue项目 pnpm create vue@latest 安装Tailwind CSS 安装及其对等依赖,然后生成tailwind.config.js和postcss.config.js文件 pnpm install -D tailwindcss postcss autopr ......
Vue封装插件
vue插件开发文档:https://cn.vuejs.org/guide/reusability/plugins.html 提前准备 需要安装vue-cli-service 可以通过以下命令安装需要的vue包 如何安装vue-cli-service - Python技术站 (pythonjishu. ......
vue3+vant+vite移动端H5前端项目
vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
Vue3使用vue-video-player组件
1.安装依赖(亲测5.0.1版本可用,最新版本会找不到'vue-video-player/src/custom-theme.css'这个样式) yarn add vue-video-player@5.0.1 2.main.js里增加以下代码 1 import VideoPlayer from 'vu ......
设置VSCode左边文档树文件夹不以紧凑形式呈现文件夹
一个文件夹只有一个子文件夹时会出现如下情况: 对于笔者来说并不习惯 解决办法 打开【设置】=》【功能】=》【资源管理器】=》【Compact Folders】 ......
vue学习笔记2024
《Vue.js从入门到项目实战》 孙鑫v-bind用于响应式地更新HTML属性,v-on用于监听DOM事件,变量需要引号引起来v-if是彻底没有v-的命令需要把变量用引号引起来,插值{{}}则不需要v-if和v-for在同一个元素上使用时,v-if优先级高于v-for,意味着v-if不能访问v-fo ......
vscode上传代码项目到gitee
一、网址 把vscode的代码上传到Gitee仓库内(保姆级教程)_vscode上传gitee-CSDN博客 二、步骤 1、下载Visual Studio Code(VS Code) VS Code的官网:http:// https://code.visualstudio.com/ 2、下载Gite ......
vue3 - iframe 添加 click事件 -解决
没法在 iframe 元素直接添加 @click 回调 ,会无效的 同时,想要添加点击事件,需要在 iframe 加载完成后才能绑定事件,否则也是无效 因此,正确的绑定办法是,在iframe 绑定 @load 然后 const load = (v: boolean) => {if (!v) { // ......
若依、vue三级路由缓存失败
router.beforeEach((to, from, next) => { NProgress.start() if (getToken()) { // 三级菜单组件无法缓存问题 if (to.matched && to.matched.length > 2) { to.matched.spli ......
如何更换vscode语言服务器的根目录
参考资料: https://stackoverflow.com/questions/47092247/how-to-setup-working-directory-in-vs-code-for-pylint 参考资料给出了一个行之有效的方法,就是在当前的根目录下新建一个.env文件,然后加上这段话: ......
vue中watch、methods 和 computed 的区别?
1、基本说明 1.1 computed: 计算属性将被混入到 Vue 实例中,所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例 1.2 methods: methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。方法 ......
vue ubuntu服务器配置
1.打包vue项目上传到服务器目录 /home/dhwww 没有权限,可以先上传到当前用户目录下,再copy到dhwww文件夹 2.安装Nginx sudo apt-get install nginx 3.配置Nginx 3.1 查看Nginx目录: root@VM-4-11-ubuntu:/hom ......
vue3教程(1 快速入门)
一、Vue 是什么? Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 渐进式框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、响应式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vu ......
# vue3 接入 Element Plus
vue3 接入 Element Plus vue3 发布已经很久了,官方也已经发布公告,自2023年12月31日起停止对 vue2 版本的维护更新,因此,vue3 正式登上了历史的舞台。组件库一直是前端开发的利器,减少了开发者开发复杂度,提高开发效率,在 vue2 中,最常使用的是 element- ......
unity游戏开发:vscode开发环境搭建
unity游戏开发:vscode开发环境搭建 插件: C#相关 首先需要安装C#语言相关插件,同时需要按照插件要求安装.NET环境,需要时需要配置.NET可执行程序地址 Microsoft/C#:C sharp语言依赖,与C# Dev Kit配套使用。 Microsoft/C# Dev Kit ......
vscode 离线安装platformIO (基于Anaconda)以及一些问题总结(开发ESP32)
以下教程是基于B站up主会飞的阿卡林教程的基础上进行的基于Anaconda的安装教程以及一些问题解决思路,下附其视频连接,相关步骤可以参考其视频步骤操作 传送门: Arduino IDE太难用?5分钟"离线"安装PlatformIO,无需等待,编程体验原地起飞_哔哩哔哩_bilibiliwww.b ......
chromium macos vscode
https://chromium.googlesource.com/chromium/src/+/105.0.5195.127/tools/vscode https://source.chromium.org/chromium/chromium/src/+/main:tools/vscode/ 一直 ......
VUE3_持久化
1. 安装 npm i pinia-plugin-persistedstate 2.将插件添加到pinia实例上 main.js文件 import { createApp } from 'vue'import { createPinia } from 'pinia'// 导入持久化插件import ......
Vue 字符串的格式化填充
main.js // 字符串格式化 Vue.prototype.$stringFormat = function (formatted, ...args) { for (let i = 0; i < args.length; i++) { let regexp = new RegExp('\\{' ......
vue引入bootstrap <npm>
1 新建vue项目 已有跳过 npm create vue@latest 2 进入项目目录输入以下命令 npm i jquery npm i bootstrap 3 在main.js中引入 import 'jquery/dist/jquery.min' import 'bootstrap/dist/ ......
Vue——vue2监听元素style变化
前言 纯粹是为了偷懒,不想再安装swiper来渲染,直接改造下element-ui的走马灯,实现类似的效果,最主要的是后续会迭代到vue3,所以这里临时的实现下即可; 内容 元素绑定ref 给需要监听的元素添加ref,这里是ref="carouse" <div v-for="(nodes, inde ......
设计模式-模板模式
概念 把公共的代码抽取出来,如果该功能是不确定的,那我们将其修饰成抽象方法。 将几个固定步骤的功能封装到一个方法中,对外暴露这个方法,就可以非常方便调用了。 优点 封装不变的部分,扩展可变的部分。把认为是不变的部分的算法封装到父类,可变部分的交由子类来实现。 提取公共部分的代码,行为由父类控制,子类 ......
P3372 【模板】线段树 1
原题链接 题后感 码量也太大了吧 小记 题解网上有,但是有关这个lazytag我要提一嘴,我建议不要记它,你只需知道修改的区间没有整体破坏时,其内部的元素内容暂不做修改 code 码量真大 #include<bits/stdc++.h> #define ll long long using name ......
vue3(二)
1、ref标签 <template> <div class = "person"> <h1>China</h1> <h1>beijing</h1> <button @click="showLog">点击此处输出中文</button> </div> </template> <script lang = ......
VSCode 中优雅地编写 Markdown
VSCode 中优雅地编写 Markdown 在 VSCode 中编写 Markdown 有几个无法拒绝的优势,首先是顺手方便,常写代码的同学打开 VSCode 各项功能和快捷键使用的都比较熟练,可以提高效率,其次可以方便地集成 Git 对文件进行版本管理,最后也是最重要的一点,可以无缝集成 Cop ......
001.VSCode博客测试
这是一个测试用的博客 用VSCode写一个博客看看可不可以正常发出去 添加一张图片 Monster Hunter 20周年 纪念壁纸 还挺帅的 现在可以发出去了 2024年1月2日 16点46分 写完了 去博客园预览以下看看。。。 看起来还行 但是还没有发布 我去看看怎么发布随笔 2024年1月2日 ......
Vue实现商品详情鼠标移动+放大显示图片细节
效果图 代码实现 <template> <div> <div style="position: relative;" class="box"> <img @mousemove="updatePositions" src="https://img.pddpic.com/gaudit-image/202 ......
# Vue3 使用路由 Router
Vue3 使用路由 Router 之前几篇博文说了一下 vue 的基本语法和 vue 的传参,今天这篇博文稍微说一下 vue3 里面使用路由。 介绍 众所周知,vue 是用来构建单页面应用的前端框架,大于大多数此类型应用来讲,都推荐使用官方支持的 vue Router,在单页面应用,客户端的 Jav ......
canvas 手写签名 vue3
<canvas ref='canvas' height="360" width="600"></canvas> <div class="signature"> <button class="re-sign" ref="clearBtn">重新签名</button> </div> <script se ......