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

青灯夜游
青灯夜游ke hadapan
2021-08-03 19:36:044484semak imbas

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"
}
}

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!

Kenyataan:
Artikel ini dikembalikan pada:掘金--三猪技术团队. Jika ada pelanggaran, sila hubungi admin@php.cn Padam