对于用惯了editplus的人来说,突然接触到sublime有点无所适从,不过稍微适应一段时间后,发现会渐渐的爱上这个小黑盒子。那么sublime究竟好在啥地方呢?我看最显著的特点就是他的智能联想功能,vs ide和eclipse插件 在这个轻量级的小工具上也实现了完美呈现。另外就是sublime强大的搜索功能啦··在windows中编程有时候 会从一个文件切换到另外一个文件,难道去点开层层文件夹            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-28 13:29:05
                            
                                59阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            高亮显示: 可以在Less文件中显示语法高亮,这样看起来会更舒服一些。 按下Ctrl+Shift+P调出命令面板;输入install调出Install Package选项并回车;输入less,选中并安装 实时编译: 1、命令安装: 同时还要装 2、Sublime中ctrl+shift+p,输入ip按        Read More            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-06-04 09:08:00
                            
                                118阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            sublime text less插件            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-26 10:38:21
                            
                                118阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            就转载过来了  各位按照这个安装就可以了  表示我安装了            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-07-25 16:44:06
                            
                                59阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最近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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            npm配置:npm-ginstalllesssublime配置:a.安装lessb.安装less2cssc.配置less2css:c-1.解析:c-2.代码:{"autoCompile":true,"createCssSourceMaps":false,"ignorePrefixedFiles":false,"lessBaseDir":"./","lesscCommand":false,"main            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-04-06 05:45:49
                            
                                1693阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在vue项目中 使用less,正常 构建好项目以后 这时,会发现有报错,因为项目中没有less loader去解析less 所以我们安装less的依赖包 安装之后 还需要手动在webpack.config文件上,进行配置 配置好以后,重新 npm run dev 就可以正常显示了            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-06 12:05:55
                            
                                149阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            实例: 错误(无法显示出分页器按钮,此功能不适用与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 上实现。一个库            
                
         
            
            
            
            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')">导入&            
                
         
            
            
            
            需求我希望写一个公共结果页面,满足所有模块的结果展示,页面设计要素如下:结果图标type(成功图标,失败图标)标题title(如:提交成功)描述descripton(如:您的工单已提交,请等待管理员审核)内容content(内容不固定,样式不固定,可自定义)操作action(提供默认按钮,可定制返回步数,具备自定义的能力)我希望的结果页面应该是这样的只有一个路由页面,所有人模块跳转到当前页面展示结            
                
         
            
            
            
            在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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            配置几套主题色,通过修改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            
                
         
            
            
            
            环境配置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,网站教程多多,在这不多说。接下来在vue项目目录下,运行其他扩展使用方法我放个官网链接,大家可以点击查看npm install less less-loader --save-dev等待安装成功即可,接下里我们可以在vue项目中的package.json中看到less的相关依赖接下来找到bulid目录下的webpack.base.conf.js并打开,找到module下的r            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-17 17:35:06
                            
                                637阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在vue中使用less首先要下载依赖:  npm install less less-loader --save-dev  下载好之后就可以.vue文件中使用lang="less"和@import如下图:1,将vue组件中style标签属性改为:  <style lang="less" rel="stylesheet/less">
</style>  2,如有引入文件,则文            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-19 15:48:22
                            
                                151阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            vue & less bug            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-11-30 15:54:00
                            
                                150阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            目前写过的大多数项目都是cli搭建的, 拿一个简单的项目结构来详细说一下每个目录的作用.首先创建一个项目需要安装cli, 命令行全局npm安装即可npm install -g @vue/cli然后创建一个项目 cli2与cli3的命令是不同的 (project-name就是你的项目名称)vue create project-name    // vue-cli3
vue init webpack            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-30 18:06:30
                            
                                55阅读
                            
                                                                             
                 
                
                                
                    