博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
转载001:使用vscode,新建.vue文件,tab自动生成vue代码模板
阅读量:6298 次
发布时间:2019-06-22

本文共 1264 字,大约阅读时间需要 4 分钟。

hot3.png

原文部分:

第一步: 新建模板并保存

文件 --> 首选项 --> 用户代码片段 --> 输入vue,选择vue.json -->复制 第三步中的模板内容中内容保存

第二步: 添加配置,让vscode允许自定义的代码片段提示出来

文件 --> 首选项 --> 设置 ---> 添加这2项

// Specifies the location of snippets in the suggestion widget"editor.snippetSuggestions": "top",// Controls whether format on paste is on or off"editor.formatOnPaste": true

第三步: 复制以下代码,保存重启vscode

{    "Print to console": {        "prefix": "vue",        "body": [            "
\n", "\n", "", "$2" ], "description": "Log output to console" }}

第四步:测试是否添加成功

测试方法: 新建vue后缀文件,输入vue,按下tab键,OK

我自己的部分

vue.json 中的具体内容:

{		"editor.snippetSuggestions": "top",	"editor.formatOnPaste": true,	"Print to console": {        "prefix": "vue",        "body": [            "
\n", "\n", "", "$2" ], "description": "Log output to console" }}

实测更新:2018-04-10 23:38

    a. 上段代码中 “Print to console” 作为一个 key,可以自己更改;

    b. description 后面的值(“字符串”)是提示语句,可以自己修改成相关提示,可以汉语;

    c. 我使用这种方式 也可以为 phyon 添加类似的功能。猜测,这是 vscode 编辑器的功能,应该有 **.json 文件的 **语言都可以。

转载于:https://my.oschina.net/u/3563169/blog/1791704

你可能感兴趣的文章
js实用技巧
查看>>
多元函数的二阶导数对应的矩阵
查看>>
.net中对HTTP请求的两种请求:Get和Post的操作
查看>>
【转】三天学好ADO
查看>>
sql性能分析(explain关键字)
查看>>
CSS 实现左侧固定,右侧自适应两栏布局的方法
查看>>
前线解释多线程《二》
查看>>
控制反转(IOC)模式
查看>>
软件体系结构的第3次实验(软件体系结构风格之应用 )
查看>>
.Net简单上传与下载
查看>>
iOS如何转换十三位的时间戳
查看>>
【备忘】Android获取正在使用网络的IP4地址
查看>>
poj2524
查看>>
BZOJ 3473
查看>>
HTML5定稿了,为什么原生App世界将被颠覆
查看>>
bootstrap与360浏览器不兼容问题
查看>>
android NDK 二、编译方法
查看>>
Rocket - diplomacy - AddressSet
查看>>
责任链模式-2
查看>>
flask常见面试题
查看>>