Rumah > alat pembangunan > VSCode > Perbincangan ringkas tentang cara mengkonfigurasi dan menjana templat tersuai dalam VSCode

Perbincangan ringkas tentang cara mengkonfigurasi dan menjana templat tersuai dalam VSCode

青灯夜游
Lepaskan: 2021-08-03 19:36:04
ke hadapan
4471 orang telah melayarinya

Bagaimanakah VSCode menjana templat tersuai dengan cepat? Artikel ini akan memperkenalkan kepada anda cara mengkonfigurasi dan menjana templat tersuai dalam VSCode.

Perbincangan ringkas tentang cara mengkonfigurasi dan menjana templat tersuai dalam VSCode

1 Pasang VSCode

Alamat muat turun: https://code.visualstudio.com/

Selepas pemasangan selesai, mulakan vsCode, tinggalkan 10,000 perkataan di sini.... [Pembelajaran yang disyorkan: "tutorial vscode "]

2 . Panggil konsol VSCode

Kekunci pintasan Windows: Ctrl Shift P

kunci pintasan macOS: perintah Shift P

Perbincangan ringkas tentang cara mengkonfigurasi dan menjana templat tersuai dalam VSCode

3 Masukkan "snippet" dan pilih

Perbincangan ringkas tentang cara mengkonfigurasi dan menjana templat tersuai dalam VSCode

4. Terdapat banyak coretan kod untuk penulisan tersuai seperti berikut

Perbincangan ringkas tentang cara mengkonfigurasi dan menjana templat tersuai dalam VSCode

5. Kami menggunakan fail vue untuk demonstrasi (input vue) Pilih vue.json

Perbincangan ringkas tentang cara mengkonfigurasi dan menjana templat tersuai dalam VSCode

6 secara automatik menjana fail vue.json seperti berikut

Perbincangan ringkas tentang cara mengkonfigurasi dan menjana templat tersuai dalam VSCode

7 Tukar fail vue.json kepada konfigurasi berikut (kandungan templat boleh diubah suai mengikut keperluan peribadi) <.>

{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
"  <div></div>",
"</template>",
"",
"<script>",
"export default {",
"  components: {},",
"  props: {},",
"  data() {",
"    return {",
"    };",
"  },",
"  watch: {},",
"  computed: {},",
"  methods: {},",
"  created() {},",
"  mounted() {}",
"};",
"</script>",
"<style lang=\"scss\" scoped>",
"</style>"
],
"description": "A vue file template"
}
}
Salin selepas log masuk

8 Cipta fail vue baharu dalam projek dan masukkan "vue". 🎜>

Perbincangan ringkas tentang cara mengkonfigurasi dan menjana templat tersuai dalam VSCode

Alamat asal: https://juejin.cn/post/6974605121942454280


Teknikal: Pasukan

Lagi Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati:
Pengenalan kepada Pengaturcaraan

! !

Atas ialah kandungan terperinci Perbincangan ringkas tentang cara mengkonfigurasi dan menjana templat tersuai dalam VSCode. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:掘金--三猪技术团队
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan