码迷,mamicode.com
首页 > 其他好文 > 详细

新手学习-visual studio code 设置代码补全

时间:2020-11-08 17:13:37      阅读:20      评论:0      收藏:0      [点我收藏+]

标签:nbsp   pac   标签   settings   对象   font   man   ack   用户   

在用 visual studio code 工具时想写<div>时自动补全</div>网上百度了如何补全

第一:链接:https://www.jianshu.com/p/1c326fe1e4ef ,通过这个文章我不知道如何找到 setting.json 文件

1. 首先在vscode商店中下载并重新加载 HTML Snippets

2. 在设置(settings.json)中搜索 files.associations 配置对象

 

 
技术图片
 

3. 在 settings.json 对象最后插入代码:

    "files.associations": {

        "*.vue": "html"

    },

    "emmet.triggerExpansionOnTab": true,

    "emmet.includeLanguages": {

        "vue-html": "html",

        "vue": "html"

    }

(如图所示)

 

 
技术图片
 

在 settings.json 文件对象最后插入这段代码

此时, 在html结构中就可以使用tab键自动补全标签

例如: 输入 child 然后按下tab键便可自动补全标签



第二:结合这篇文件我知道了如何找到setting.json 文件

 

shortkeys

command+Shift+P 打开命令面板
输入settings,选择即可:

选择>Preferences: Open Settings (JSON),进行用户自定义设置
其文件路径为C:\Users\Administrator\AppData\Roaming\Code\User\settings.json

第三,找到 setting 文件后把上面的文件粘贴上

刚打开时是这样的

{
"files.autoSave": "onFocusChange",
 
}
虽然跟网上百度不是完全一样,心想把网上粘贴的代码放到大括号里面不就行了么,于是就这样成功了
{
"files.autoSave": "onFocusChange",
"emmet.triggerExpansionOnTab": true,
"files.associations":{"*.vue": "html"},
"emmet.includeLanguages":{"vue-html": "html","vue": "html"}
}

新手学习-visual studio code 设置代码补全

标签:nbsp   pac   标签   settings   对象   font   man   ack   用户   

原文地址:https://www.cnblogs.com/jhqx/p/13942645.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!