Heim > Entwicklungswerkzeuge > VSCode > Wie kann ich mit VSCode schnell eine Vue-Vorlage erstellen? Methodeneinführung

Wie kann ich mit VSCode schnell eine Vue-Vorlage erstellen? Methodeneinführung

青灯夜游
Freigeben: 2020-12-07 17:34:53
nach vorne
4366 Leute haben es durchsucht

使用VSCode如何快速搭建vue模板?下面本篇文章给大家介绍一下VSCode快速搭建vue模板的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

Wie kann ich mit VSCode schnell eine Vue-Vorlage erstellen? Methodeneinführung

相关推荐:《vscode教程

VSCode快速搭建vue模板

文件 -> 首选项 -> 用户代码片段

搜索vue

vue2.x添加下方代码

{

 "Print to console": {

 "prefix": "vue",

 "body": [

 "<!-- $0 -->",

 "<template>",

 "  <div></div>",

 "</template>",

 "",

 "<script>",

 "export default {",

 "  data () {",

 "    return {",

 "    };",

 "  },",

 "",

 "  components: {},",

 "",

 "  computed: {},",

 "",

 "  mounted: {},",

 "",

 "  methods: {}",

 "}",

 "",

 "</script>",

 "<style scoped>",

 "</style>"

 ],

 "description": "Log output to console"

 }

 }
Nach dem Login kopieren

vue3.x添加下方代码

{
"Print to console": {

 "prefix": "vue3",

 "body": [

 "<!-- $0 -->",

 "<template>",

 "  <div></div>",

 "</template>",

 "",

 "<script>",

 "import { computed, reactive, ref, watch, onMounted,onUpdate,onUnmounted} from &#39;vue&#39;;",

 "export default {",

 "setup(){",

 "//类mounted",

 "onMounted(()=>{",

 "",

 "})",

 "//相当于updated",

 "onUpdate(()=>{",

 "",

 "})",

 "//相当于destroyen",

 "onUnmounted(()=>{",

 "",

 "})",

 "return {}",

 "}",

 "}",

 "",

 "</script>",

 "<style scoped>",

 "</style>"

 ],

 "description": "Log output to console"

 }
 }
Nach dem Login kopieren

新建.vue文件后:

Wie kann ich mit VSCode schnell eine Vue-Vorlage erstellen? Methodeneinführung

相关推荐:

2020年前端vue面试题大汇总(附答案)

vue教程推荐:2020最新的5个vue.js视频教程精选

更多编程相关知识,请访问:编程教学!!

Das obige ist der detaillierte Inhalt vonWie kann ich mit VSCode schnell eine Vue-Vorlage erstellen? Methodeneinführung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:segmentfault.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage