VueThis$Store想要解决的问题在使用Vuex管理自己应用的状态时,因为状态过多,为了正确性每次都要打开vuex定义文件,去复制定义时的函数名或者状态名,无形中就浪费了许多时间,为了解决这个痛点,开发了这个vscode插件。通过使用 ast 和正则表达式,获取 store 中所有文件的定义,在用户使用.vue 文件中时给 出详细的提示,目前支持大多数 vuex 官网中定义的例子安装在扩展中
转载
2024-09-11 01:16:33
40阅读
介绍:VS Code上搭建Vue开发环境——超简单你女朋友都可以看得懂的教程,Vue是指一个用于创建用户界面的渐进式框架,旨在更好地组织与简化Web开发;Vue的核心库只关注视图层,并且非常容易学习,也非常容易与其他库或已有项目整合。vue也可指iOS和Android平台上的一款视频拍摄和美化工具app,是一个手机端的视频拍摄及编辑工具以及原创Vlog短视频平台,允许用户通过简单的操作实现Vlog
转载
2024-03-27 23:03:58
239阅读
原创
2021-07-28 15:15:45
303阅读
写在前面本地的VScode装了很久,但是使用率一直不高,作为这么好的一款工具,怎么能不利用起来刷leetcode呢。本文建立在相关编程语言的VScode开发环境搭建完成的基础上,因此对各种编程语言的环境搭建不做赘述。自己也是第一次用VScode搭建LeetCode开发环境,边尝试边解决问题。一、安装Leetcode插件现在VScode应用商店中搜索leetcode,第一个应该就是官方给出的插件,点
less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。在写网页的过程中,通常css样式是在less文件里写的,然后less文件会自动编译生成同名css文件。这样的操作在vscode中可以通过安装插件Easy LESS完成:安装less安装node.js环境 less的运行需要node.js环境支持,推荐官网傻瓜式安装大法,完成
转载
2024-03-20 20:44:27
154阅读
1.中文插件 Chinese (Simplified) Language Pack for Visual Studio CodeAuto Close Tag (自动补全html标签)Bracket Pair Colorizer(括号颜色不同,更容易看) 代码括号颜色会对应,更容易看Easy LESS(less语法) 配置说明: 在vsCode中使用Less方法:在vsCode插件管理搜索插件 Ea
转载
2024-06-23 21:34:24
269阅读
代码准备新建项目选择类型为 LESS,即可创建 LESS 文件(或直接将文件名定为 .less 后缀) test.less@width: 200px;
@height: @width / 2;
.red-font {
color: red;
text-align: center;
}
.yellow-bg {
background-color: yellow;
}
.blue-bg
转载
2024-06-10 12:07:30
57阅读
一、安装visual stdio code1、首先在微软官网下载并安装好visual stdio code2、因为vscode只是一个代码编辑器,没有自带有C/C++的编译器,因此首先需要安装一个C/C++编译器并且设置环境变量,这里使用mingw-w64。二、安装mingw-w64 因为网络问题mingw-w64很难下载,建议先离线下载然后手动添加环境变量 离线版下载地址:D
https://mp.weixin.qq.com/s/n7zyDFOeHd9K5oSKz7Zg9Q 在上一篇文章中讲解了怎样在线安装remote-ssh插件,搭建远程开发环境,本篇文章将会讲解在电脑完全离线的情况下,如何搭建环境,没看过在线环境搭建的建议先看一下上篇文章,与本文重复的内容将不会再次讲解,大部分操作都在上一篇文章中。一、 下载vsCode安装包及remote-ssh插件离线包1、正式
转载
2024-09-29 12:28:33
25阅读
最近vue用的越来越勤了,在复习一下vue如何使用less和scss,直接进入主题吧:安装使用less: 1、首先使用npm下载依赖; npm i less less-loader -S 2、修改webpack.base.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加 // 此种方法在控制台中标签样式显示的是style标签样式
{
test:
转载
2024-02-24 00:21:57
593阅读
0x00.缘起折腾是技术宅的美德,作为一个vscode的深度使用者以及一个挑剔的人,vscode扩展商店里的众多主题我都不是很喜欢,唯独有一款名为Darktooth theme的主题我一直很喜欢,它的配色正是我喜欢的风格,而转折发生在使用vscode书写markdown之后,我发现这款主题并不支持markdown的语法高亮,而在扩展商店搜寻许久也没找到看着特别喜欢的主题,遂决定自行开
转载
2024-08-03 11:56:50
168阅读
在VS Code的上面编译Less文件及Less的优缺点Less的优缺点Less的优点:Less缺点 首先我们要知道我们的vs code是哪一个版本的,然后再针对你的这个版本的vs code进行下载插件,我在这里说的是vs code的最新版本的插件下载方式: 我们下载的插件是这样的插件:然后你要知道电脑上面是否安装了node.js了没有,如何查看你是否安装了node.js方法看下图: 第一步:
转载
2024-05-15 13:42:58
77阅读
在vue项目中 使用less,正常 构建好项目以后 这时,会发现有报错,因为项目中没有less loader去解析less 所以我们安装less的依赖包 安装之后 还需要手动在webpack.config文件上,进行配置 配置好以后,重新 npm run dev 就可以正常显示了
原创
2022-07-06 12:05:55
149阅读
实例: 错误(无法显示出分页器按钮,此功能不适用与for循环出来的图片,只有当该页面图片固定几张时能正常用) 第一步: 安装 npm i swiper (vue插件自带) 第二步: 在当前页面里引入import Swiper from 'swiper';
import 'swiper/dist/css/swiper.min.css'; 第三步:当然呐,或许
插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:添加全局方法或者 property。如:vue-custom-element添加全局资源:指令/过滤器/过渡等。如 vue-touch通过全局混入来添加一些组件选项。如 vue-router添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。一个库
1.动态组件1.1 动态组件的使用情况在一个页面内需要根据不同的导航栏状态显示不同的内容时候,可以使用vue中的动态组件方式来根据状态显示渲染页面;1.2 实现方式使用template标签的is属性绑定vue中data的一个字段;该字段的值是组件的名字,字段改变,则页面的template便标签is属性改变,页面也随之改变;1.2 代码展示<div id="app">
<d
转载
2024-10-09 22:06:21
105阅读
配置几套主题色,通过修改body class来实现,由于我是在组件库中使用的,以下为核心代码switch-theme 子组件<template> <div class="switch-theme"> <el-radio-group v-model="radio" @change="switchTheme"> <el-radio label="">经典</el-radio> <el-radio .
原创
2023-05-10 10:09:37
89阅读
前言为了前端体验更加友好,减缓用户的焦虑情绪,提升项目质量等,我们在项目里面可以使用骨架屏,提前渲染出来一个跟正式页面相似的页面出来,减小首屏加载时间。
在vue中使用骨架屏因为我们的代码会使用webpack打包,所以在我们的js下载运行之前,用户是无法在页面上看到信息,所以,我们要把骨架屏相关的代码放到HTML里面,当然,可以把代码直接写在html文件的1.添加vue-skelet
需求我希望写一个公共结果页面,满足所有模块的结果展示,页面设计要素如下:结果图标type(成功图标,失败图标)标题title(如:提交成功)描述descripton(如:您的工单已提交,请等待管理员审核)内容content(内容不固定,样式不固定,可自定义)操作action(提供默认按钮,可定制返回步数,具备自定义的能力)我希望的结果页面应该是这样的只有一个路由页面,所有人模块跳转到当前页面展示结
01:导入
excel导入功能需要使用npm包**xlsx,所以需要安装xlsx**插件01.安装xlsx包npm i xlsx@0.17.0
or
yarn add xlsx@0.17.002.新建一个页面 封装组件<el-button type="warning" size="small" @click="$router.push('/import?type=user')">导入&