VSCode を使用して vue ファイル テンプレートをすばやく作成する方法の紹介

VSCode でコード テンプレートをカスタマイズするにはどうすればよいですか?次の記事では、VSCodevue ファイル テンプレートをすばやく作成する方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

関連する推奨事項: 「vscode 基本チュートリアル」

場所の変更

vscode の設定ユーザー スニペットを開くと、既存のファイル名を検索したり、新しい json ファイルを作成したりできます。

カスタムテンプレートの作成

{
"Print to console": {
"prefix": "ybase",
"body": [
"<template>",
"  <div>",
"    <!-- Page -->",
"  </div>",
"</template>",
"<script lang=\"ts\">",
"import { Vue, Component } from \"vue-property-decorator\";",
"",
"@Component({})",
"export default class NAME extends Vue {",
"  // component",
"}",
"</script>",
"<style lang=\"scss\">",
"// style",
"</style>",
""
],
"description": "YBASE"
}
}

利用方法

上記私が作成したのは、vue ファイルのテンプレートをすばやく作成することです。
新しいページを作成した後、構成されたショートカット コマンド「ybase」を使用してページ コードをすばやく生成できます。

プログラミング関連の知識について詳しくは、プログラミング入門をご覧ください。 ！

以上がVSCode を使用して vue ファイル テンプレートをすばやく作成する方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。