AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构，敏捷开发必备插件！！！

2024-04-08 259
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构，敏捷开发必备插件！！！

Ctrl+Shift+X

搜索AutoScssStruct4Vue

如上图直接右键-autoScssStruct（你都不需要聚焦到template节点） 直接就给你妥妥的把SCSS代码写好了，如果你还是嫌弃点右键太麻烦了太累了（泥马~这也太懒了吧，要不要AI帮你写代码？）我们还可以设置快捷键Ctrl+Alt+S，自动插入结构SCSS

如果想了解如何自己开发插件，并安装到VSCode请点击https://s-z-q.blog.csdn.net/article/details/120167727


文章标签：
前端开发
敏捷开发
人工智能
关键词：
vscode插件
插件vscode
CSS less
CSS标签
CSS插件
你挚爱的强哥
目录
相关文章
那年春天
|
1月前
|
前端开发 开发者
CSS预处理器Less、Scss
【10月更文挑战第3天】
那年春天
114 59
江湖有缘
|
24天前
|
自然语言处理 JavaScript 开发者
通义灵码插件：VSCode 的智能编程助手
通义灵码插件：VSCode 的智能编程助手
江湖有缘
191 3
石小石Orz
|
26天前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~
【10月更文挑战第11天】2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~
石小石Orz
52 0
2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~
chnjames
|
27天前
|
存储 前端开发 开发者
深入了解 Sass 和 SCSS：CSS 预处理器的强大功能
Sass（Syntactically Awesome Stylesheets）是一个强大的 CSS 预处理器，为开发者提供了诸多高级特性，如变量、嵌套、混合、继承等，简化了 CSS 的编写和管理。SCSS 是 Sass 3 引入的新语法，完全兼容 CSS3，并增强了 Sass 的动态功能。本文详细介绍了 Sass 和 SCSS 的核心特性及其在实际开发中的应用，如变量定义、嵌套规则、混合、继承、以及常用的操作符与扩展功能。
chnjames
25 0
胡东旭
|
3月前
|
前端开发 Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具，并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括：Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag，这些插件能够显著提升开发效率和代码质量。此外，还提供了录制Gif图的工具GifCam。
胡东旭
123 5
vscode10大常用插件
游客zi3qmblbcdexu
|
2月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3（HTML--网页标签 下）
HTML/CSS/JS学习笔记 Day3（HTML--网页标签 下）
游客zi3qmblbcdexu
74 9
小王老师呀
|
2月前
|
人工智能 C++ 开发者
verilog vscode 与AI 插件
【9月更文挑战第11天】在Verilog开发中，使用Visual Studio Code（VS Code）结合AI插件能显著提升效率。VS Code提供强大的编辑功能，如语法高亮、自动补全和代码格式化；便捷的调试功能，支持多种调试器；以及丰富的插件生态。AI插件则可自动生成代码、优化现有代码、检测并修复错误，还能自动生成文档。常用插件包括Verilog AI Assistant和Verilog Language Server，可根据需求选择合适的工具组合，提高开发效率和代码质量。
小王老师呀
113 2
游客zi3qmblbcdexu
|
2月前
|
前端开发
为什么最好把 CSS 的 link 标签放在 head 标签之间？
为什么最好把 CSS 的 link 标签放在 head 标签之间？
游客zi3qmblbcdexu
37 4
番茄酱脑袋
|
3月前
|
前端开发 IDE 开发工具
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
番茄酱脑袋
88 6
游客fz577umxdejsg
|
3月前
|
JSON 前端开发 JavaScript
这 2 个插件，让你的 vscode更牛逼
这 2 个插件，让你的 vscode更牛逼
游客fz577umxdejsg
53 0

热门文章

最新文章

  • 1
    如何用纯 CSS 创作一个脉动 loader
  • 2
    美妙的 CSS3 动画！一组梦幻般的按钮效果
  • 3
    N 种仅仅使用 HTML/CSS 实现各类进度条的方式 （上）
  • 4
    Css基本样式————字体
  • 5
    使用 CSS3 实现 3D 图片滑块效果【附源码下载】
  • 6
    CSS3实现多样的边框效果
  • 7
    CSS3-实现单选框radio的小动画
  • 8
    纯CSS3实现宽屏二级下拉菜单
  • 9
    CSS3实现时间轴效果
  • 10
    05.javascript访问CSS
  • 1
    vscode跟踪vue代码方法
    179
  • 2
    如何使用vscode启动Flask并实现无公网IP远程访问内网服务
    198
  • 3
    vscode 使用python无法导入库
    165
  • 4
    PHP基于B/S版 医院不良事件管理系统源码vscode+laravel8医院如何加强不良事件上报系统的管理 AEMS系统源码
    65
  • 5
    一个开源轻量级的C#代码格式化工具（支持VS和VS Code）
    190
  • 6
    【专栏：工具与技巧篇】使用代码编辑器（VS Code/Sublime Text）提升开发效率
    304
  • 7
    在 VS Code 中使用 OSS 进行 Markdown 文档编写
    280
  • 8
    【新人必会】远程开发可视化 - VSCode篇
    159
  • 9
    vscode + springboot + HTML 搭建服务端（二）
    80
  • 10
    vscode + springboot + HTML 搭建服务端（一）
    79

    • 相关课程

    更多
  • CSS 快速掌握
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • Vue.js完全自学手册图文教程
  • Vue.js 入门与实战
  • React 入门教程开发文档

    • 相关电子书

    更多
  • 零基础CSS入门教程
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索

    • 相关实验场景

    更多
  • 搭建Node.js编程环境
  • 前端开发基础1：前端开发环境的安装和配置
  • 基于函数计算部署Serverless VSCode WebIDE
  • CSS基础教程
    • 下一篇
    阿里云OSS设置跨域访问