1 创建项目
- doc 窗口 pnpm create vite
- 填写项目名 vue-syt
- 选择框架 vue
- typeScript
2整理项目
- 删除 /src/assets/vue.svg 文件,
- 删除 /src/components 下的 helloWorld.vue
- 删除app.vue内容,快捷键v3ts 生成模板内容
- 去掉 /src/style.css 样式文件,删除掉 main.ts 里面 style.css 引入
模板内容方法
1.设置用户代码片段
2新建vue.json 文件 ,,内容
{
"Print to v3ts": {
"prefix": "v3ts",
"body": [
"<template>",
" <div></div>",
"</template>",
"",
"<script setup lang=\"ts\">",
"",
"</script>",
"<style scoped >",
"</style>",
],
"description": "Log output to console"
}
}