精华内容
下载资源
问答
  • 优化Visual Studio Code自动补全

    万次阅读 2018-06-11 21:58:11
    Visual Studio Code (简称VS Code)是个很棒的代码编辑器,内置多种语言的自动补全功能,写JavaScript也不例外,VS Code提供的自动补全还是很赞的。 不过自动补全功能在有些情况下会失效,比如 document....

    Visual Studio Code (简称VS Code)是个很棒的代码编辑器,内置多种语言的自动补全功能,写JavaScript也不例外,VS Code提供的自动补全还是很赞的。

    不过自动补全功能在有些情况下会失效,比如 document.getElementById()document.querySelector() 返回的对象,是没有自动补全的:

    自动补全失效

    就像图中展示的,canvas节点应该有个 getContext() 方法。但是在编码阶段,VS Code 无法确定 document.querySelector('#canvas') 返回的是什么类型的节点,自动补全就无能为力了。

    面对这种情况,我们可以在代码注释中添加这一行:

    /** @type {HTMLCanvasElement} */
    var canvas = document.querySelector('#canvas');

    通过注释中的 @type 指令,我们就可以告诉VSCode,canvas 变量就是个 HTMLCanvasElement 类型的 DOM 节点。这样自动补全就又“复活”了。

    用@type指令恢复自动补全

    注释中 @type,实际上是一个 JSDoc 指令,它指示下一行的变量属于什么类型,方便编辑器或IDE做语法检查或自动补全。

    另外,在使用JS库函数时,VS Code的自动补全很难生效。这时候我们可以给VS Code “一点提示”,具体怎么做呢?

    有个项目叫 DefinitelyTypedhttp://definitelytyped.org/)。这个项目的任务,就是提供和更新各种常用JS库的接口定义,有了接口定义,VS Code 或 IDE 就可以很方便地做自动补全了。

    如何获得一个库的接口定义?官方的用法就是通过 npm 来获取,比如获取 THREE.js的 接口定义:

    npm install --save-dev @types/three

    其中 @types/ 后面跟随就是JS库的名称。你会发现 node_modules 下多出了一个 @types/three 目录,里面的 index.d.ts 就是 DefinitelyTyped 为我们写好的接口文件。

    image.png

    使用 三斜线指令 在代码中引用接口文件:

    /// <reference path="./node_modules/@types/three/index.d.ts" />

    这行就是触发自动提示的关键,有了这行,引用JS库都可以有自动补全了,甚至还有参数列表:

    snake.gif

    是不是顿时觉得方便了许多呢:-)。如果稍微研究下VS Code的安装目录,你会发现有个 lib 目录保存了许多接口文件:

    ls [VS Code]安装目录\resources\app\extensions\node_modules\typescript\lib
    2018/06/06  17:36             4,505 lib.dom.iterable.d.ts
    2018/06/06  17:36             2,902 lib.es2015.collection.d.ts
    2018/06/06  17:36            19,608 lib.es2015.core.d.ts
    2018/06/06  17:36             1,349 lib.es2015.d.ts
    2018/06/06  17:36             2,129 lib.es2015.generator.d.ts
    2018/06/06  17:36            14,537 lib.es2015.iterable.d.ts
    2018/06/06  17:36            10,648 lib.es2015.promise.d.ts
    2018/06/06  17:36             1,961 lib.es2015.proxy.d.ts
    2018/06/06  17:36             1,913 lib.es2015.reflect.d.ts
    2018/06/06  17:36             1,657 lib.es2015.symbol.d.ts
    2018/06/06  17:36            10,300 lib.es2015.symbol.wellknown.d.ts
    2018/06/06  17:36             4,870 lib.es2016.array.include.d.ts
    2018/06/06  17:36               957 lib.es2016.d.ts
    2018/06/06  17:36           643,319 lib.es2016.full.d.ts
    2018/06/06  17:36             1,152 lib.es2017.d.ts

    原来 VS Code也有依靠这些接口文件,完成原生JS 的自动补全的。

    展开全文
  • Visual Studio Code是一个非常好用的编辑器,但是它没有C++自动补全功能,这让我们在编程的时候很不方便,以下是Ubuntu系统下VS Code的C++自动补全配置方法。 一、安装C++相关依赖包和插件 sudo apt install gcc ...

    Visual Studio Code是一个非常好用的编辑器,但是它没有C++自动补全功能,这让我们在编程的时候很不方便,以下是Ubuntu系统下VS Code的C++自动补全配置方法。

    一、安装C++相关依赖包和插件

    sudo apt install gcc
    sudo apt install gdb
    sudo apt install clang
    sudo apt install lldb
    

    二、在应用商店中安装C/C++扩展

    快捷键Ctrl+Shift+X打开扩展,在VS Code界面左上角输入 C++,选择第一个 C/C++ IntelliSense, debugging, and code browsing 扩展程序安装。

    以上即完成C++自动补全功能的配置。

    展开全文
  • 今天用VSC敲ng的时候,发现有很多小伙伴不知道怎么用tab自动在ts中补全代码!好吧,那就为新手发个福利了。 先在设置中搜索emmet,这个都知道是干嘛的吧~ 找到: // 在默认不支持 Emmet 的语言中启用 Emmet 缩写功能...

    今天用VSC敲ng的时候,发现有很多小伙伴不知道怎么用tab自动在ts中补全代码!好吧,那就为新手发个福利了。
    先在设置中搜索emmet,这个都知道是干嘛的吧~
    找到:
    // 在默认不支持 Emmet 的语言中启用 Emmet 缩写功能。在此添加该语言与支持 Emmet 的语言之间的映射。
    // 示例: {"vue-html": "html", "javascript": "javascriptreact"}
    "emmet.includeLanguages": {},
    上面介绍的很清楚了,可以自动添加你想补全的语言,而且用哪种语法补全,键值的映射嘛,所以加上"typescript":"html"就可以了哦~
    (不要缩写ts啊!)
    还有小伙伴说,为啥我的不可以啊!因为!最最最首先:
    // 启用后,按下 TAB 键,将展开 Emmet 缩写。
    "emmet.triggerExpansionOnTab": false,
    你得把这一行改为true吧……

    转载于:https://www.cnblogs.com/yara-shi/p/8312635.html

    展开全文
  • Visual Studio Code设置vue自动补全代码

    万次阅读 2017-12-18 15:14:27
    {  "auto-rename-tag.activationOnLanguage": [  "html",  "xml",  "php",  "javascript"  ],  "files.trimTrailingWhitespace": true,  "CreateModule.supportES6



    {
        "auto-rename-tag.activationOnLanguage": [
            "html",
            "xml",
            "php",
            "javascript"
        ],
        "files.trimTrailingWhitespace"true,
        "CreateModule.supportES6modules"true,
        "files.associations": {
          "*.vue""html",
          "*.we""vue"
        },
        "[html]": {

        },
        "editor.tabSize"2,
        "workbench.iconTheme""vscode-great-icons",
        "editor.dragAndDrop"true,
        "editor.minimap.enabled"true,
        "CreateModule.supportES6modules"true,
        "[vue]": {

      },
      "window.zoomLevel"-1
    }
    展开全文
  • 步骤: 选择 用户代码片段: 选择 html.json 文件: 粘贴下面代码覆盖json内的内容: { // Place your snippets for ... // description. The prefix is what is used to trigger the snippet and the body wi
  • 转载地址 blog.csdn.net/liyijun4114… //转载只为个人记录 今天正巧在看vscode官方文档的时候,看到了介绍其使用typings拓展自动补全功能的介绍,同时查了一点其他...code.visualstudio.com/Docs/runtim… **gyz...
  • 1、设置“useCodeSnippetsOnFunctionSuggest”,【User】和【Workspace】选项都要设置 2、设置“Use Language Server”,【User】和【Workspace】选项都要设置
  • Visual Studio Code是一款很...但是,Visual Studio Code自动补全停留在文本记忆上,即会自动补全已经输入过的文本。这远远不够呀,起码输入个.或者-&gt;要支持把成员给我显示出来吧。 还有就是,起码简单的...
  • 请问各位大神,怎么配置visual studio code(vsd)才能在html文档中插入script脚步有 自动补全的功能!!! ![js文件中补全可以](https://img-ask.csdn.net/upload/201604/26/1461650709_486735.jpg) ![html标签...
  • 关于VisualStudio Code中写Node.js代码自动补全的问题繁琐方法简单方法相关文章 刚开始学习 node.js。 用VSC写代码老是没有提示,java菜鸡表示伤不起。网上找了半天都是如下的繁琐方法 繁琐方法 npm或者cnpm安装...
  • Visual Studio Code是由 Microsoft(微软) 发布的一个免费的,开源的跨平台文本编辑器。他们基于在线编辑 Visual Studio Online (代号为 “Monaco”),并结合 GitHub 的 Electron 实现的一个跨平台编辑器。他们在为...
  • 本人是才开始学习python的小白一枚,以后在学习的过程中有任何问题都会记录下来。 ...今天用windows安装下载了python3.6版本,以后打算用Visual Studio Code编辑器来编写python代码。 但是 ...
  • 1. 打开vscode,点击左边栏... 2. 在搜索栏输入 ext:wxml 输入完成后即可看到vscode相关.wxml文件的插件,是按下载量排序的,选择下载量最多的,或者你想安装的插件,即可在右边看到插件详情,然后点击安装即可。 ...
  • 下载补全代码片段
  • 解决VS Code开发Python3语言自动补全功能不带括号的问题发布时间:2018-09-19 17:12,浏览次数:1534, 标签:VSCodePython<>Visual Studio Code(以下简称VSCode)用来开发Python3,还是很便利的,本身这个IDE...

空空如也

空空如也

1 2 3 4 5 ... 9
收藏数 165
精华内容 66
关键字:

codestudiovisual自动补全