vscode、コード生成テンプレートファイルVUEを使用して[小ヒント]
小さなハエだけでなく、肉の精神で......
目標:
私たちは、毎回新しいことを願っています.vue
ポストファイルは、VSCODE
構成に応じて、自動生成されたコンテンツは、私たちが望むことができます。
方法:
開くVSCODE
エディタを、「ファイル- >設定- >ユーザースニペット」を選択し、この時点で、検索ボックスには、私たちが入るポップアップ表示されますvue
、次のように、:
選択vue
VSCODEが自動的に名前を開き、後にvue.json
、このファイルに次のようにコピーし、ファイル:
{
"Print to console": {
"prefix": "vue",
"body": [
"<!-- $0 -->",
"<template>",
" <div></div>",
"</template>",
"",
"<script>",
"export default {",
" data () {",
" return {",
" };",
" },",
"",
" components: {},",
"",
" computed: {},",
"",
" mounted: {},",
"",
" methods: {}",
"}",
"",
"</script>",
"<style lang='scss' scoped>",
"</style>"
],
"description": "Log output to console"
}
}
ファイルを保存して閉じます。
少し説明:
$0
カーソルを生成した後、あなたが希望するコードの位置を示し、prefix
対応するコマンドを生成するために、所定のコードを表します。
例えば:私たちは、名前の作成demo.vue
、ファイルを入力してvue
プレスをenter
、それが自動的に(コンテンツが生成されます此处应该有截图
):
<!-- -->
<template>
<div></div>
</template>
<script>
export default {
data () {
return {
};
},
components: {},
computed: {},
created() {},
mounted() {},
methods: {}
}
</script>
<style lang='scss' scoped>
</style>
追伸
もちろん、あなたもすることができ.js
、.html
および他の文書は、コードの断片をプリセット。このように、我々は偉大な勝利行きの新時代における中国の特色ある社会主義の発作に、保存された時間を置くことができます!