2680


Visual Studio で .cssファイルに

[code]

    div {
      border-radius: 5px;
    }
    
[/code]

と書いても何も言われないのですが、

[code]

    div {
      transition-duration: 1s;
    }
    
[/code]

と書くと

> Browser compatibility: Add missing vendor specific properties to
> 'transition-duration' (-moz-, -o-, -webkit-)

という警告が表示されます。

Web Essentialsを無効にするとこのメッセージは表示されないので、Web
Essentialsがチェックしてると思いますが、チェック内容を変更する方法はあるでしょうか？  
例えば、[このページ](https://w3g.jp/blog/tools/vendor_prefix_cleaning#transition)に、

> transitionのベンダープレフィックスには-webkit-のベンダー識別子のみ残しておく必要があると言えるでしょう。

と書いてあるので、-moz-, -o- は省略可能とし、 -webkit-のみ必須とする、というようなカスタマイズを行いたいです。


CC BY-SA 3.0
2014-12-27T04:46:18.543
2675
2014-12-27T08:05:55.810
3925
question
css visual-studio
Web Essentials のcssチェック内容をカスタマイズする方法


[ベンダープレフィックスを自動的に付与する方法](https://ja.stackoverflow.com/questions/2669/%E3%83%99%E3%83%B3%E3%83%80%E3%83%BC%E3%83%97%E3%83%AC%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9%E3%82%92%E8%87%AA%E5%8B%95%E7%9A%84%E3%81%AB%E4%BB%98%E4%B8%8E%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95)の質問のようにAutoprefixerを有効にするのはどうでしょうか？
<https://github.com/postcss/autoprefixer#visual-studio>


CC BY-SA 3.0
2014-12-27T05:42:02.840
2676
2014-12-27T05:42:02.840
2017-04-13T12:52:39.113
-1
556
2675
answer


オプションで設定可能です。

コードエディタで右クリックし、`Web Essentials` から `Select browsers...` を選択し

![右クリックメニューからSelect browsers](https://i.stack.imgur.com/Wrweq.jpg)

ダイアログで対象のブラウザを選択します。

![ダイアログ](https://i.stack.imgur.com/D7OxN.jpg)

その後にWeb Essentialsのvendor prefixの追加を選択すると、対象のブラウザのものだけ追加されます。

![画像の説明をここに入力](https://i.stack.imgur.com/J78T2.gif)

なお、Solution Itemsに `WE-browsers.xml`
というファイルが追加されていて、そこに選択されたブラウザの情報が保存されていて、チェックも対象のブラウザのものみになるようです。


CC BY-SA 3.0
2014-12-27T08:05:55.810
2680
2014-12-27T08:05:55.810
728
2675
answer