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

Posted jhqx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了新手学习-visual studio code 设置代码补全相关的知识,希望对你有一定的参考价值。

在用 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:UsersAdministratorAppDataRoamingCodeUsersettings.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 设置代码补全的主要内容,如果未能解决你的问题,请参考以下文章

visual studio code 怎么用

visual studio code怎么变成中文

适用于 Python 的 Visual Studio Code 缩进

Visual studio和Code:Blocks哪个更适合新手写C语言

Visual Studio Code 修改字体

visual studio code怎么运行代码