vscode输入vue一键生成代码

打开vscode
文件-》首选项-》用户片段
搜索 html.json
清空内容，输入以下代码

{"Print to console": {"prefix": "vue","body": ["<!DOCTYPE html>","<html lang=\"en\">","<head>","<meta charset=\"UTF-8\">","<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">","<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">","<title>Document</title>"," <script src=\"../vue.js\">","</script>","</head>","<body>"," <div id=\"app\">",""," </div>"," <script>"," var vm = new Vue({","    el:'#app',","    data: {","    msg:\"初始化\"","       },","     methods: {","       },","  });","</script>","</body>","</html>"],"description": "Log output to console"}
}

然后在任意html文件输入vue则出现以下效果
当然这个是看个人需要进行修改的，自己看着改就好

vscode输入vue一键生成代码相关推荐

Thinkphp 6 + Vue 2 + ElementUI + Vxe-table 前后端分离的，一键生成代码和API接口的，通用后台管理系统快速开发框架，开发小程序和APP的推荐框架！
Thinkphp 6 + Vue 2 + ElementUI + Vxe-table 前后端分离的,一键生成代码和API接口的,通用后台管理系统快速开发框架,开发小程序和APP的推荐框架! 概述 R ...
Deco 智能代码体验版正式上线啦，快来体验设计稿一键生成代码~
Deco 是什么?- Deco 智能代码项目是我们团队在「前端智能化」方向上的探索,其聚焦设计稿一键生成多端代码这一切入点,实现将 Sketch/Photoshop 等设计稿进行解析并直接生成多端代码 ...
京东Deco 智能代码体验版正式上线啦，快来体验设计稿一键生成代码~
点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群 Deco 是什么? - Deco 智能代码项目是我们团队在「前端智能化」方向上的探索,其聚焦设计稿一键生成多端代码这一切入点,实现将 Sk ...
Mybatis-plus一键生成代码（踩坑记录，用了3种方式）
Mybatis-plus一键生成代码本人现在从事Web前端开发,但是转型之前一直在写SpringMVC项目,所以对后端开发还留有一点兴趣.今晚就有了想法,用Springboot整合Mybatis(后 ...
AI写文章软件盘点，一键生成代码、脚本、论文、作文
AI写文章软件盘点,一键生成代码.脚本.论文.作文!这些现代化的内容创作工具必将给你个性化.高质量和高效率的内容创作带来前所未有的便利和快捷体验. AI写文章软件盘点,一键生成代码.脚本.论文.作文: ...
vscode输入vue自动_使用vscode，新建.vue文件，tab自动生成vue代码模板
第一步: 新建模板并保存文件 --> 首选项 --> 用户代码片段 --> 输入vue,选择vue.json -->复制第三步中的模板内容中内容保存第二步: 添加配置,让 ...
VScode输入vue -V提示vue : 无法加载文件
问题1: Suggestion [3,General]: 找不到命令 vue,但它确实存在于当前位置.默认情况下,Windows PowerShell 不会从当前位置加载命令.如果信任此命令,请改为 ...
Fiddler抓包一键生成代码
首先我们的需求场景是用Fiddler抓到某个接口调用后,用代码来模拟调用,一般我们写代码会有3个步骤: 1 设置http请求相关的参数:header,method,url,cookie等 2 设置p ...
我输入，你生成代码，手写代码生成
文章目录先写个打字特效借助Vue完成变量的替换因为之前觉得这个打字特效很好玩,但是字数不一样就要重写或者改代码,麻烦,之前就看到网上有一些自动生成代码的工具,很好奇怎么实现的?于是我就想能不能自 ...

vscode输入vue一键生成代码

vscode输入vue一键生成代码相关推荐

最新文章

热门文章