質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

5341閲覧

Visual Studio Code で、ユーザスニペットがうまく動作しない場合

pikarin774

総合スコア13

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

1クリップ

投稿2017/06/14 05:58

編集2017/06/14 06:00

###前提・実現したいこと
Visual Studio Code を使用してコーディングをしようとしております。
JavaScript 実装時に、

log

と入力し、TAB キーを押したら

console.log('');

と出るように設定したいと思っております。

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

調べたところ、ユーザスニペットで実現可能のようであり、
また、上記例はちょうどユーザスニペットのサンプル例にすでに記載あるようでした。

ユーザスニペットの javascript.json を開いたところ、

{ /* // Place your snippets for JavaScript here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are: // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the // same ids are connected. // Example: "Print to console": { "prefix": "log", "body": [ "console.log('$1');", "$2" ], "description": "Log output to console" } */ }

このようになっておりましたので、前後の「/」「/」を外し、
「log」と入力して TAB キーを押しましたが、うまく動作しません。(「log」という入力のあとにタブスペースが入るだけでした。)

しかし、「log」と入力したところ、スニペット候補に項目が増えており、
キーボードの十字キー(↓キー)で増えていた候補を選択して enter を押すと、

console.log('');

に変換されました。
期待動作としては、上記を [入力 + TAB キー] で実現したいと思っております。

何か設定不備があるのでしょうか。
わかる方いらっしゃいましたら、よろしくお願いします。

###補足情報(言語/FW/ツール等のバージョンなど)

  • OS: MacOS 10.12.4 sierra
  • エディタバージョン: 1.12.2

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

全く同じことをしたかったので同じ手順で試したところ、私の方では期待通りの動作になりました。

https://gyazo.com/e3cd7aad2f8565ba4eaf4378ebe635a0

バージョンか設定の差で起きてるんですかね・・・
解決策になっていなくて申し訳ないのですが、何かしらのヒントになればと思い回答しました。

環境

mac OSX El Captain
エディタバージョン: 1.13.0
拡張機能でAtom Keymapを入れています

投稿2017/06/14 06:27

chocodoughnut

総合スコア54

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

pikarin774

2017/06/14 06:56

早速のご回答ありがとうございます! 期待通りの動作をした、とのことで、再度こちらでも試してみました。 全くの新規で JavaScript ファイル(.js)を作成し、試してみたところ、期待通りの動作をしましたが、 既存のとある .js ファイルでは、やはりうまく動作せず、 2つのファイルで何が違うのか、未だによくわかっておりません。。; お試しいただきありがとうございました!
pikarin774

2017/06/14 07:07

一応、共有までにですが、、 https://gyazo.com/b479cb64e67230b33057c21fac92ba2c このように、サジェストの2段目にユーザースニペットで設定したものがきてしまってるため、 「入力 > TAB」だとうまく動作しない(1段目のものになってしまう)形になってしまってます。
chocodoughnut

2017/06/14 08:54

なるほど。私も似たような状況で試したところ同じことになりました。 スニペットの優先度を設定できないか調べたのですが、わかりませんでした。 一応、下記が公式のドキュメントだと思うのですが、欲しい情報は見つかりませんでした。 https://code.visualstudio.com/docs/editor/userdefinedsnippets 他の方からのいいアイデアを待ちます(笑)
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問