zoukankan      html  css  js  c++  java
  • vscode 配置踩坑记

    vscode-easy-less

    遇到问题最好的解决方式是看官网文档,切记!!!

    在web开发当中,经常会写less然后编译成css,当然在VS Code当中也有这样的插件(EasyLess),

    但是当我们创建一个.less文件,写相关代码进行保存时,会发现它会在.less文件同目录生成对应名字的.css文件,

    当页面过多时,就会导致目录文件过多而且看起来不清晰,所以一般会把.less和.css分别放在不同的目录下,

    这样就需要我们配置一下less文件编译为css的时候所生成文件的位置,

    配置方法如下:

    在VS Code项目中,有一个.vscode的文件夹,找里面的settings.json文件,没有的话自行创建,

    打开settings.json文件,没有的话自行创建,

    添加代码:

    {
      "less.compile": {
        "compress": true,
        "out": "${workspaceRoot}/src/css/",
      }
    }
    注意:此处的/不可写成\,否则css文件自动编译失败(但是网上都是说写成\格式的,我用这种格式写生成的css文件没有在对应的css文件夹下,改成/才生效)
    你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。
  • 相关阅读:
    学生管理系统
    Selenium元素定位的30种方式
    python-- 多进程
    python 多线程的实现
    python 节省内存的for循环技巧
    python 生成器
    python 字符串编码检测
    opencv-python 图片的几何变换
    opencv-python --图像处理
    目标检测
  • 原文地址:https://www.cnblogs.com/knuzy/p/10418436.html
Copyright © 2011-2022 走看看