vue3 创建vue3模板

1 点击设置--配置用户代码片段

2 搜索vue.json(没有也输入，回车会自动生成)

3 配置vue.json

{

"Print to console":{

"prefix": "vue3",

"body": [

"<template>",

" <div>",

"",

" </div>",

"</template>",

"",

"<script setup lang='ts'>",

"import{ref,reactive} from 'vue'",

"",

"</script>",

"<style scoped>",

"",

"</style>",

"description": "Log output to console"

}

4 随便建立一个vue文件输入 vue3 回车--成功。

<div>

</div>

</template>

import{ref,reactive} from 'vue'

</script>

</style>

vue3 创建vue3模板相关推荐

Vue3 —— 创建 Vue3.0 工程
系列文章目录内容参考链接 Vue3 创建 Vue3.0 工程 Vue3 - Composition API(零) setup函数.ref函数.reactive函数.响应式.reactive对比re ...
Vite --- 创建Vue3项目
Vite 需要 Node.js 版本 >= 12.0.0. 1. node -v 查看node当前版本号 2. npm方式创建Vue3项目 npm init @vitejs/app 输入项目名 ...
创建vue3项目（vite+js）
创建vue3+vite+js项目 1.找到指定的工作目录,进入该目录下 2.输入创建命令 3.创建成功后,进入到项目中安装npm 4.运行项目 1.找到指定的工作目录,进入该目录下 cd + 目录路径 ...
开箱即用，这些 Vue3 后台管理系统模板绝对让你爽歪歪！
原文链接:Vue3 后台管理系统模板推荐. 之前写了一篇关于 Vue2 的后台管理系统模板的推荐,详情请见 Vue后台管理系统模板推荐. Vue3 在今年2月份已成为新的默认版本,本文收集了一些 Vu ...
搭建环境，创建vue3+typescript+vuetify项目
使用场景使用Vue框架创建 vue3+typescript+vuetify3 项目: 一. Node下载安装及配置 1. node官网下载地址: https://nodejs.org/en/ 2. ...
vue3学习路程1——创建vue3项目
创建vue3项目一.vue-cli版本对于 Vue 3,你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli.要升级,你应该需要全局重新安装最新版本的 @vue/cli ...
vue - - - - vite创建vue3项目（不使用TS）
vite创建vue3项目 vite官方文档 1. 使用指令创建项目 > npm create vite your-project-name > or > yarn create vi ...
使用vue-cli创建vue3+ts项目
使用vue-cli创建vue3+ts项目提示:该文章为vue3+ts的!该文章是博主看的B站尚硅谷视频课来进行整理的!尚硅谷的课真的很不错! 文章目录使用vue-cli创建vue3+ts项目前言 ...
使用Vite创建Vue3+TS项目并整合Element Plus框架等一条龙服务
记录一下使用Vite创建Vue3+TS项目以及整合Element Plus框架,还有Less.Pinia.Vue-router.monaco-editor等插件或组件. 一.使用Vite创建Vue3+ ...

vue3 创建vue3模板

vue3 创建vue3模板相关推荐

最新文章

热门文章