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 サイトの他の関連記事を参照してください。