Visual Studio Code 拡張機能

// 例）
// ae と入力
document.addEventListener('load', function (e) {
  // body
});
// pr と入力
object.prototype.method = function(arguments) {
  // body
}
// gi と入力
document.getElementById('id');
// jp と入力
JSON.parse(obj);
// us と入力
'use strict';

JavaScript (ES6) code snippets

JavaScript 用スニペット集。ES6 構文のものが含まれています。

// 例）
// imp と入力
import moduleName from 'module';
// req と入力
const packageName = require('packageName');
// ecl と入力
export default class className {
};
// nfn と入力
const name = (params) => {
}
// dob と入力
const {propertyName} = objectToDestruct;
// prom と入力
return new Promise((resolve, reject) => {
});
// thenc と入力
.then((result) => {

}).catch((err) => {

});

jQuery Code Snippets

jQuery 用スニペット集。

// 例）
// jqClick と入力
$(selector).click(function (e) {
  e.preventDefault();

});
// jqGet と入力
$.get("url", data,
  function (data, textStatus, jqXHR) {

  },
  "dataType"
);

Document This

JavaScript 開発用。「/**」を入力後 Enter、もしくは control + option + D（Ctrl + Alt + D）を 2 回実行することで、ドキュメンテーションコメントのひな形を生成できるようになります。
ドキュメンテーションコメント自体は VSCode に最初から用意されていますが、@return が生成されないなど挙動が良くないので、無効にしてこの拡張機能を利用することを推奨します。（VSCode の設定「completeJSDocs」を OFF にすることで、デフォルトのドキュメンテーションコメントを無効にできます。）

Quokka.js

JavaScript または TypeScript のコードをリアルタイムでコードの内容を実行、評価します。
command + K → J（Ctrl + K → J）で開いたファイル内に、 JavaScript のコードを記述します。command + K → T（Ctrl + K → T）で TypeScript です。
ちょっとした処理を試してみたい場合に適しています。
記述したコードのカバレッジも確認できます。
通知頻度が高いのが欠点です。

Vetur

Vue.js 開発用。

npm

package.json で定義された npm スクリプトを実行できるようになります。
モジュールがインストール済みか確認することも可能です。
yarn 版もあります。

Import Cost

JavaScript や TypeScript で import したファイル容量を表示します。

Perl 系

Perl

Perl 開発用。

Python 系

Python

Python 開発用。
用意されているスニペット集はこちら

Python Docstring Generator（旧：autoDocstring）

Python 開発用。「"」を 3 回入力後 Enter で、ドキュメンテーションコメントのひな形を生成できるようになります。
Google スタイルや numpy スタイルに変更することも可能です。

Python Extended

Python 開発用。入力候補をより多く表示します。
python snippets もインストールしていると、入力候補が大量に出てきます。

python snippets

Python 用スニペット集。
普通のスニペット集というより、使用例を表示する機能と考えた方が良いでしょう。

# 例）
# built_in.type=> と入力
a = ('apple', 'banana', 'cherry')
b = 'Hello World'
c = 33
x = type(a)
y = type(b)
z = type(c)

# for=> と入力
fruits = ['apple', 'banana', 'cherry']
for x in fruits:
  print(x)

# list.comp=>_5 と入力
x = [double(x) for x in range(10) if x%2==0]
print(x)

# class=>with_attribute_1 と入力
class Parrot:

# class attribute
 species = 'bird'

# instance attribute
 def __init__(self, name, age):
    self.name = name
    self.age = age

# instantiate the Parrot class
blu = Parrot('Blu', 10)
woo = Parrot('woo', 15)

# access the class attributes
print('Blu is a {}'.format(blu.__class__.species))
print('Woo is also a {}'.format(woo.__class__.species))
# access the instance attributes
print('{} is {} years old'.format( blu.name, blu.age))
print('{} is {} years old'.format( woo.name, woo.age))

Files

README_JP.md

Latest commit

History

README_JP.md

File metadata and controls

Visual Studio Code 拡張機能

English | 日本語

基本

Git

TODO

各種サービス

整形・入力支援

リモート

各種ファイル

フロントエンド全般

JavaScript 系

Perl 系

Python 系

Ruby 系

その他