1、安装node.js

需要到node.js 官网去下载合适的node版本,然后进行安装,地址https://nodejs.org/zh-cn/

2、安装less

  npm install less -g

3、安装VS插件 Easy LESS

4、编辑保存.less文件,会在对应的目录下生成对应的.css文件

5.在文件 首选项 设置 中搜索 settings.json 加入 配置相关代码

{"less.compile": {"compress": true, // 是否删除多余空白字符"sourceMap": false, // 是否创建文件目录树,true的话会自动生成一个 .css.map 文件"out": "less/css", // 输出css文件目录,false为不输出"outExt": ".wxss", // 输出文件的后缀,默认为.css}
}

如图这样配置可以在css目录下输出index.less产生的index.css 文件

VsCode 使用less相关推荐

  1. centos使用镜像源轻松配置golang+vscode的方法

    Title:centos使用镜像源轻松配置golang+vscode的方法 (阅读时间:约5分钟) 零.序言 最近笔者在上一门名为服务计算的课程,在老师的作业博客中提到,安装golang+vscode ...

  2. 简单图文配置golang+vscode【win10/centos7+golang helloworld+解决install failed等情况】

    博客目录(阅读时间:10分钟) 一.win10 0.系统环境 1. win10配置golang环境 ①下载相关软件 ②创建gowork工作空间 ③配置环境变量(GOPATH+PATH) ④验证环境配置 ...

  3. Github配置(git+vscode+python+jupyter)

    ①下载git 打开 git bash 工具的用户名和密码存储 $ git config --global user.name "Your Name" $ git config -- ...

  4. 使用 Go module 后 VScode 智能提示不生效解决方案

    关闭 Use Language Server 如果你对这个选项有打钩先取消,然后重启 vscode . 安装 gocode go install github.com/stamblerre/gocod ...

  5. VSCode 安装 Go 插件、gopls 是个什么东东

    原文地址: VSCode 开发 Go 程序也可以和 GoLand 一样强大 VSCode 建议你启用 gopls,它到底是个什么东东?

  6. 使用vscode连接服务器写代码指南

    1 安装vscode 2 vscode中安装remote-ssh 3 按F1->输入SSH->选择相关选项(选择Connect to Host[图1],如果之前没有连接过服务器,可以选择A ...

  7. vscode 高效使用指南

    快捷键 高频使用 Ctrl+Shift+P,F1 展示全局命令面板 折叠所有区域代码的快捷: ctrl + k ,ctrl + 0 ;先按下 ctrl 和 K,再按下 ctrl 和 0 ; ( 注意这 ...

  8. kali安装vscode和无法启动解决方法

    一.安装 1)源安装 使用如下命令来增加源: curl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > m ...

  9. 2021年大数据ELK(九):使用VSCode测试分词器

    全网最详细的大数据ELK文章系列,强烈建议收藏加关注! 新文章都已经列出历史文章目录,帮助大家回顾前面的知识重点. 目录 使用VSCode测试分词器 一.准备VSCode开发环境 1.打开VSCode ...

  10. golang 同一个包中函数互相调用报错 undefined 以及在 VSCode 中配置右键执行整个包文件

    1. 代码结构 demo 文件夹下有两个文件,分别为 hello.go 和 main.go ,结构如下: wohu@wohu:~/GoCode/src$ tree demo/ demo/ ├── he ...

最新文章

  1. 远程计算机串口控制软件,智能控制的设备上使用远程开关需要用到RS485串口继电器、网关、电脑平台...
  2. php获取xml某个节点的所有内容,怎样输出XML所有的同名节点内容?
  3. webstorm 设置jsp支持
  4. 【遥感物候】C#遥感数据GIMMS 3G NDVI头文件批量生成器(几何校正)
  5. ios 各种锁的使用性能比较
  6. 大数据场景下Volcano高效调度能力实践
  7. Leetcode 437.路径总和III
  8. This time, ZTE has released the world‘s first
  9. thymealf如何实现传单个变量给html_如何远程读取西门子PLC数据?
  10. 针对 自制Windows Mobile 文件浏览器的改进
  11. access 数据库目录权限只读引起asp的访问错误
  12. Redis 基本命令、键(key)命令、基本数据类型(命令行操作)
  13. 吉米多维奇数学分析习题集每日一题--泰勒公式习题1378
  14. VS Code 实用快捷键
  15. 三合一收款二维码原理以及源码
  16. 浪潮激荡大时代,存储起航新十年
  17. MySQL 8 复制(一)——异步复制
  18. 笔记本独立显卡geforce gtx 1050ti 388.71版本驱动
  19. warframe星际战甲氏族颜料35种全获取机制和获取流程攻略
  20. python wilcoxon test_自动化框架之 python+selenium+pytest · TesterHome

热门文章

  1. 0601课的预习任务
  2. 微信小程序—自定义组件
  3. 奶牛家族(斐波那契数列的快速幂乘矩阵算法)
  4. 红米note4x装linux,红米Note4X升至MIUI10 界面大改运行操作流畅
  5. 经纬度坐标点和距离之间的转换
  6. 字符串与时间的格式转换
  7. 赤纬转换为度 (字符切割和字符类型转换 string→double)
  8. java throw 什么意思_Java中throw和throws有什么区别?
  9. JVM - 直接内存
  10. 今年建筑工程设计乙级资质办理申报流程