Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>auto styleNew to Visual Studio Code? Get it now.
auto style

auto style

wushufen

|
4,344 installs
| (1) | Free
auto create less/scss from your html/vue file
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

auto-style README

Automatically create less/scss from your html/vue file

Usage

  1. CMD/CTRL + P
  2. autoStyle

Example

<template>
  <div class="container">
    <div class="title"></div>
    <div class="content">
      <div class="list">
        <div class="item"></div>
      </div>
    </div>
  </div>
</template>
<style lang="less" scoped>
|
</style>

==>

<template>
  <div class="container">
    <div class="title"></div>
    <div class="content">
      <div class="list">
        <div class="item"></div>
      </div>
    </div>
  </div>
</template>
<style lang="less" scoped>
.container {
  .title {
  }
  .content {
    .list {
      .item {
      }
    }
  }
}
</style>
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft