Meav

下载次数:6

更新时间:2016-12-14 16:58:11

插件作者:linlymatsumura

版本支持:sublime text 3

系统支持: Windows,OS X,Linux

所属分类:css,html,formatting,text manipulation

曾用名称:--

插件介绍:She is my assistant.

详细介绍: --

readme:

							

Meav

Sublime Text用に開発したPackageです。 HTMLソースコードからclass属性を取り出してCSSのclassセレクタに置き換えます。 ショートカットは用意していません。コマンドパレットから実行してください。

<!DOCTYPE html>
<html>
<head>
  <title>foo bar</title>
</head>
<body>
  <section class="foo">
    <h1 class="foo__heading">foo bar</h1>
    <p class="foo__lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
    <ul class="foo__list">
      <li class="foo__list-item"><a class="foo__link" href="#">item 1</a></li>
      <li class="foo__list-item"><a class="foo__link" href="#">item 2</a></li>
      <li class="foo__list-item"><a class="foo__link" href="#">item 3</a></li>
      <li class="foo__list-item"><a class="foo__link" href="#">item 4</a></li>
      <li class="foo__list-item"><a class="foo__link" href="#">item 5</a></li>
    </ul>
  </section>
</body>
</html>

こんなのが

.foo{}
.foo__heading{}
.foo__lead{}
.foo__list{}
.foo__list-item{}
.foo__link{}

こうなります。

usage

command + shift + PMeav : Convert Class Attribute to Class selector

happy coding :)

language syntax snippets color scheme linting theme auto-complete text manipulation formatting javascript build system utilities completions syntax file navigation php python html go markdown search testing code navigation documentation git ruby language text navigation autocomplete vcs utils lua coffeescript latex sass build highlighting text selection java diff scala terminal addon preview todo scss js Completion automation snippet comments nsis svn file creation formatter project sidebar commands console test less repl indent code sharing C hg monokai clipboard file open perl tasks nodejs sync android C++ react japanese editor json markup code style Jasmine editor emulation es6 font diff/merge material jsx syntax highlight docs translate textile code generation debugging sql google node minification laravel typescript cursors manipulation golang save workspace haskell emacs file logs command line wordpress templating compare matlab precompiler watch xml window hexadecimal difference st3 ember jade stylus notes backup indentation browser share rust julia ide make debug angular groovy 中文 unit test converter vhdl utility plugin development unicode restructuredtext apicloud coding Clang spec ftp icons lisp text format grails remote collaboration merge R rubymotion framework file comparison codex sublime svg dark email CSS commit open files stata ruby on rails logger pattern writing convert cli fullscreen validate copy calculator coffee hint icon_fonts code Debugger preferences automate colour input method intellisense converting tidy bash package oracle conflicts pandoc