Visual Studio Code 拡張機能 Autoprefixer 効かない

Question

前提・実現したいこと

Visual Studiocode　で「Autoprefixer」を使いたいです。
PC初心者です。
つたない説明で質問がありましたら是非よろしくお願いします。

発生している問題・エラーメッセージ

VScode で拡張機能の「Autoprefixer」をマーケットプレイスからインストールし、shift+ctrl+pからAutoprefixer:Runを選択しても作用しません（ベンダープレフィックスが自動で生成されない）。
また、以下のエラーログが表示されます。

[Autoprefixer]
Error: Failed to load autoprefixer library. Please install autoprefixer in your workspace folder using **npm install autoprefixer** or globally using **npm install -g autoprefixer** and then run command again.
    at c:\Users\小林大祐.vscode\extensions\mrmlnc.vscode-autoprefixer-3.0.1\out\extension.js:2:1575513

settings.jsonの他の設定が邪魔しているのでしょうか。
一応載せておきます。

試したこと

ひとつ前のバージョン（Autoprefixer3.0.0）へバージョンダウンをしましたが特に変化はなかったです。
無効化からの有効化でも変化なしです。
インストールせよとのエラーログなのでcmdからエラーログ通りインストールしましたが、変わりませんでした。
PC初心者のためほかの方法は思いつきませんでした。
ネットも探しましたが、載っているのは設定方法ぐらいでした。

補足情報（FW/ツールのバージョンなど）

Windows１０
Autoprefixer　3.0.1
vscode　1.45.0

Answer 1

PC初心者です。

初心者からnode環境は少々難しいかもしれません。
（PC初心者というよりプログラミング初心者なのでしょうか？）

ブラウザでAutoprefixerを使う方法が最も簡単かも(;´･ω･)
https://autoprefixer.github.io/

下記の説明が難しすぎると感じるようであれば、このサイトを使用してください。

また、小ネタですが、ユーザーディレクトリの名前は半角英数字の方が良いです。
http://www.dennou.org/widows_acnt/

node環境がない場合

VSCodeプラグインはAutoprefixerそのものではないので、単体では動作しません。
エラーに従って、node環境にAutoprefixerをインストールしてください。

node.js環境構築について
https://qiita.com/qulylean/items/0ad521885a04a5ebd202

npmによるnode環境へのインストール
https://qiita.com/sfp_waterwalker/items/91c6e8003da999821ecc

使用したいプロジェクトまたはグローバルのnode環境にAutoprefixerがインストールされていれば、VSCodeのAutoprefixerプラグインを使用することができます。
今後、node環境をあまり使う予定が無い場合は、グローバルインストールでいいと思います（個人的な感想）。

node環境に既にインストールされている場合

これは公式のissueに同様の記載がありました。
参考のために載せておきます（英語）。
https://github.com/mrmlnc/vscode-autoprefixer/issues/122

node環境にAutoprefixerがインストールされているにも関わらずこのエラー（npmでインストールしてくださいという内容）が出る場合、プラグイン側の問題になります。

setting.jsonを見せていただきましたが、"autoprefixer.browsers"は使用できません。

"autoprefixer.options": {
"browsers": ["last 4 versions", "ie >= 9", "> 5%"]
// IE9以上かつ使用率5%以上のブラウザ
},

と設定してください。

また、gridにもベンダープレフィックスの自動付与をする場合、下記のように記述してください。

"autoprefixer.options": {
"browsers": ["last 4 versions", "ie >= 9", "> 5%"],
"grid": "autoplace"
},

"autoprefixer.grid": "autoplace"と書いてある記事をよく見かけますが、これも3.0.1では使用できません。

Comments

[退会済みユーザー]

ご丁寧な回答どうもありがとうございました。nodeはインストールされていたようなので、jsonの設定をそのまま張り付けてみると解消されました。知識が浅く知らないことが多い中で回答いただけたことはありがたい限りです。
どうもありがとうございました。