在vue中引入并使用less时遇到的一些错误及解决方案：1、错误一：错误如下图所示： 因为当前项目版本2.9.6 已经在build/utils里配置了less的处理，所以和之前在build/webpack.base.conf.js中配置的less-loader冲突解决方法： 将冲突的less-loader去掉即可，如下图：2、错误一：错误如下图所示： 此类为题表示缺少相关依赖，根据关键词vue-s
转载
2024-05-03 12:38:07
535阅读
1. vue核心概念Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。2. vue.js安装2.1 安装node.js环境（npm包管理工具）从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了安装完成之后，
转载
2024-02-13 12:58:30
34阅读
环境配置node+npm安装 目前流行的前端框架必备环境，如果没有安装，呐， 一般windows系统下载Windows Installer (.msi) 64位的就可以啦 安装时选择 Add to Path 其他下一步就ok，可以自选安装目录的。 node安装完成后，打开cmd命令提示符，输入 node -v 回车 如果安装成功，会输出版本号 npm在我们安装node的时候也已经安装好啦
转载
2024-03-21 20:04:57
36阅读
vue-cli 构建的项目默认是不支持 less 的，需要自己添加。前期安装外在依赖：安装css依赖
cnpm install style-loader --save-dev
cnpm install css-loader --save-dev
cnpm install file-loader --save-dev 首选，安装 less 和 less-loader ，在项目目录下运
转载
2023-07-04 11:05:41
147阅读
Ubuntu 18.04 安装微信(Linux通用)UbuntuLinuxLinux相关的知识：新增谷歌浏览器添加到桌面的彻底删除：上次有人无意间看见我桌面，然后问微信怎么装的？其实很简单，有人问，那就说下：其实这个是一个开源软件，当然了是基于web版的微信。Ubuntu软件市场也是有的，所以安全性不用担心开源地址：https://github.com/geeeeeeeeek/electronic
转载
2024-05-17 10:33:27
19阅读
1.yarn add less less-loader --dev 输出: 2.安装完成后运行的时候可能会报错:TypeError: this.getOptions is not a function at Object.lessLoader 原因是less-loader版本太高,此时替换一下版本就 ...
转载
2021-09-08 15:21:00
1707阅读
2评论
我很喜欢Vue的一个重要原因就是因为它的vue-cli，这个工具可以让一个简单的命令行工具来帮助我快速地构建一个足以支撑实际项目开发的Vue环境，并不像Angular和React那样要在Yoman上找适合自己的第三方脚手架。vue-cli的存在将项目环境的初始化工作与复杂度降到了最低。1.安装vue-clivue-cli是一个npm的安装包，我们希望它能在本机的任意目录下创建项目，那么就得将它安装
一 .安装最新版本步骤1.vue依托nodejs，所以首先要安装nodejs命令：node -v 查看是否安装了nodejs （有版本号即成功）命令：npm -v 查看是否安装了npm (有版本号即成功)说明：npm是node的包管理工具，默认安装完node之后，npm会自动安装上的。2.安装Vue 说明：vue依托nodejs，vue只是node万千包中的一个。 1.先查看电脑里
Vue 3 安装及环境配置1、安装 Node.js2、配置默认安装目录和缓存日志目录3、配置环境变量4、配置淘宝镜像5、安装 vue 和脚手架6、安装vue-cli 3.x7、创建 vue 3 项目 1、安装 Node.jsNode.js 官网：https://nodejs.org/en/download安装成功后在 CMD 控制台输入 node -v 和 npm -v 验证是否安装成功2、配置
LESS基础语法变量、混合(Mixins)、嵌套规则、运算、函数、作用域等。这些基础语法需要我们先牢牢的掌握住，然后才可以灵活的在项目中进行实战。变量 和JS中的变量一样，只是LESS的变量定义不是使用VAR而是使用@。 //->LESS代码
@link-color: #428bca;
@link-color-hover: darken(@link-color, 10%);
a {
转载
2024-09-16 08:25:16
61阅读
一、VS code 下载安装1、下载网址：https://code.visualstudio.com/Download
2、下载后安装3、运行VS Code4、安装中文插件 键盘按快捷键Ctrl+Shift+P,界面上就会出现一个命令行输入框，输入Configure Display Language(配置显示语言） 完成后重启vscode, vscode 汉化完成二、Node.js 下载安装1、下
一、安装sass安装特定的版本（适用于npm）：下面是版本号7.3.1npm install sass-loader@7.3.1 --s
原创
2022-10-28 08:40:46
699阅读
vue 创建一个项目1、首先建立一个空文件夹，然后将这个文件夹要放到码云或者其他代码管理平台。例如码云： 在码云上建立一个项目，然后在控制台进入这文件夹执行git clone 地址是码云上创建的项目地址。这样就初始化到码云上成功了。2、进入文件夹。全局安装 vue-cli npm install -g vue-cli 国内建议使用 cnpm (安装淘宝镜像)；使用npm 初始化的时候会经常出
报错代码：error in ./src/components/login.vue?vue&type=style&index=0&id=10d9df09&lang=less&scoped=true&Syntax Error: TypeError: this.getOptions is not a function报错信息：解决：查找网上说是less-
转载
2021-04-20 22:01:36
2698阅读
2评论
最近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阅读
现如今要开启一个前端项目，大都会利用上webpack，parcel前端模块化工具来构建前端项目。我自己也常常用webpack来构建自己的项目，但每次webpack的版本升级都要导致项目要修改各种loader插件，有过类似经历的人自然会明白多么痛苦它的优点我就不说了，缺点我觉得也不少，请看知乎这篇文章 https://zhuanlan.zhihu.com/p/32148338所以我分享一下最近搭的一
需求我希望写一个公共结果页面，满足所有模块的结果展示，页面设计要素如下：结果图标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')">导入&
配置几套主题色，通过修改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
