精华内容
下载资源
问答
  • 优化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代码补全插件的代码补全插件,具体操作参考https://www.cnblogs.com/f8master/p/3826076.html
  • 步骤: 选择 用户代码片段: 选择 html.json 文件: 粘贴下面代码覆盖json内的内容: { // Place your snippets for ... // description. The prefix is what is used to trigger the snippet and the body wi

    步骤:

    • 选择 用户代码片段:
    • 选择 html.json 文件:
    • 粘贴下面代码覆盖json内的内容:
    {
        "Html引入Vue的js文件": {
            "prefix": "vue",
            "body": [
                "<!DOCTYPE html>",
                "<html lang=\"zh-CN\">\n",
                "<head>",
                "\t<meta charset=\"UTF-8\">",
                "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
                "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
                "\t<title>Vue快速上手</title>",
                "\t<!-- 生产环境版本,优化了尺寸和速度 -->",
                "\t<script src=\"https://cdn.jsdelivr.net/npm/vue\"></script>",
                "</head>\n",
                "<body>",
                "\t<div id=\"app\">$1</div>\n",
                "\t<script>",
                "\t\tvar vm = new Vue({",
                "\t\t\tel: '#app',",
                "\t\t\tdata: {},",
                "\t\t\tmethods: {}",
                "\t\t});",
                "\t</script>",
                "</body>\n",
                "</html>"
            ],
            "description": "快速创建在html5编写的vue模板,输入vue再按table键有惊喜!"
        },
        "Html乱七八糟的个人模板": {
            "prefix": "html",
            "body": [
                "<!DOCTYPE html>",
                "<html lang=\"zh-CN\">",
                "<head>",
                "\t<meta charset=\"UTF-8\">",
                "\t<meta name=\"keywords\" content=\"限制在36个字,英文逗号分开,网站关键词\">",
                "\t<meta name=\"description\" content=\"限制在76个字:网站的相关描述\">",
                "\t<meta name=\"author\" content=\"告诉搜索机器人网页的作者\">",
                "\t<meta name=\"copyright\" content=\"幻生个人版权所有\">",
                "\t<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no\">",
                "\t<!-- 强制IE使用最新内核 -->",
                "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge,chrome=1\">",
                "\t<!-- 默认chrome内核 -->",
                "\t<meta name=\"renderer\" content=\"webkit\">",
                "\t<!-- uc强制竖屏 -->",
                "\t<meta name=\"screen-orientation\" content=\"portrait\">",
                "\t<!-- QQ强制竖屏 -->",
                "\t<meta name=\"x5-orientation\" content=\"portrait\">",
                "\t<!-- UC强制全屏 -->",
                "\t<meta name=\"full-screen\" content=\"yes\">",
                "\t<!-- QQ强制全屏 -->",
                "\t<meta name=\"x5-fullscreen\" content=\"true\">",
                "\t<!-- UC应用模式 -->",
                "\t<meta name=\"browsermode\" content=\"application\">",
                "\t<!-- QQ应用模式 -->",
                "\t<meta name=\"x5-page-mode\" content=\"app\">",
                "\t<!-- 启用 WebApp 全屏模式,删除苹果默认的工具栏和菜单栏 -->",
                "\t<meta name=\"apple-mobile-web-app-capable\" content=\"yes\">",
                "\t<!-- 添加到主屏后的标题(iOS 6 新增) -->",
                "\t<meta name=\"apple-mobile-web-app-title\" content=\"APP标题\">",
                "\t<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->",
                "\t<meta name=\"HandheldFriendly\" content=\"true\">",
                "\t<!-- 告诉百度不得对资源进行转换或转变 -->",
                "\t<meta http-equiv=\"Cache-Control\" content=\"no-transform\">",
                "\t<!-- 屏蔽百度转码 -->",
                "\t<meta http-equiv=\"Cache-Control\" content=\"no-siteapp\">",
                "\t<!-- 告诉百度你的页面时适配手机和pc的,不用他帮忙转 -->",
                "\t<meta name=\"applicable-device\" content=\"pc,mobile\">",
                "\t<!-- 搜索引擎 文件将被检索,且页面上的链接可以被查询 -->",
                "\t<meta name=\"robots\" content=\"all\" />",
                "\t<title>幻生自定义网页模板</title>",
                "\t<!-- <meta http-equiv=\"expires\" content=\"Fri,12 Jan 2001 15:15:15 GMT\">\t一旦网页过期必须在服务器上重新刷新而不能通过缓存获取网页。时间必须是GMT格式 -->",
                "\t<!-- <meta http-equiv=\"pragma\" content=\"no-cache\">\t不从缓存获取页面,无法脱机工作。 -->",
                "\t<!-- <meta http-equiv=\"refresh\" content=\"1; url=https://www.baidu.com\">\t等待一定时间自动刷新或跳转到其他url -->",
                "\t<!-- <meta http-equiv=\"Window-target\" content=\"_top\" />\t防止别人在框架里调用你的页面 -->",
                "\t<link rel=\"stylesheet\" type=\"text/css\" href=\"css/index.css\" />",
                "\t<link rel=\"shortcut icon\" type=\"image/ico\" href=\"favicon.ico\"/>",   
                "\t<script src=\"index.js\"></script>",
                "</head>",
                "<body>",
                "\t<div id=\"app\">\n\t\t$1\n</div>",
                "\t<script>",
                "\t\twindow.onload = function(){",
                "\t\t\talert(\"页面加载完成====》onload\");",
                "\t\t}",
                "\t</script>",
                "</body>",
                "</html>"
            ],
            "description": "Html乱搞模板幻生自定义,输入html再按table键有惊喜!"
        },
        "Html5简洁个人模板": {
            "prefix": "H5",
            "body": [
                "<!DOCTYPE html>",
                "<html lang=\"zh-CN\">",
                "<head>",
                "\t<meta charset=\"UTF-8\">",
                "\t<meta name=\"keywords\" content=\"限制在36个字,英文逗号分开,网站关键词\">",
                "\t<meta name=\"description\" content=\"限制在76个字:网站的相关描述\">",
                "\t<meta name=\"author\" content=\"告诉搜索机器人网页的作者\">",
                "\t<meta name=\"copyright\" content=\"幻生个人版权所有\">",
                "\t<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no\">",
                "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge,chrome=1\">",
                "\t<meta name=\"renderer\" content=\"webkit\">",
                "\t<meta name=\"robots\" content=\"all\" />",
                "\t<title>幻生自定义网页模板</title>",
                "\t<link rel=\"stylesheet\" type=\"text/css\" href=\"css/index.css\" />",
                "\t<link rel=\"shortcut icon\" type=\"image/ico\" href=\"favicon.ico\"/>",   
                "\t<script src=\"index.js\"></script>",
                "</head>",
                "<body>",
                "\t<div id=\"app\">\n\t\t$1\n</div>",
                "\t<script>",
                "\t\twindow.onload = function(){",
                "\t\t\talert(\"页面加载完成====》onload\");",
                "\t\t}",
                "\t</script>",
                "</body>",
                "</html>"
            ],
            "description": "Html5模板幻生自定义,输入H5再按table键有惊喜!"
        }
    }
    

    你可以在Html文件里敲上 html  或者 vue 再按下table键,惊喜来了!

    展开全文
  • 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++自动补全功能的配置。

    展开全文
  • 本人是才开始学习python的小白一枚,以后在学习的过程中有任何问题都会记录下来。 ...今天用windows安装下载了python3.6版本,以后打算用Visual Studio Code编辑器来编写python代码。 但是 ...

    本人是才开始学习python的小白一枚,以后在学习的过程中有些什么问题如果有时间会记录下来。

    今天用windows安装下载了python3.6版本,以后打算用Visual Studio Code编辑器来编写python代码。
    python下载链接如下:
    https://www.python.org/downloads/windows/
    首先打开VS Code选择好刚才下载好的python
    在这里插入图片描述然后在商城搜索并安装python插件:
    在这里插入图片描述然后就可新建文件开始写代码,这时我发现代码不可自动补全,以下是解决办法:
    1.使用快捷键组合 Ctrl+Shift+p ,选中首选项的Open User Setting模式设置界面(没有的话输入setting就会弹出)
    在这里插入图片描述在打开的Open User Settings文件界面,搜索:python.autoComplete.addBrackets
    在这里插入图片描述在用户设置里面将代码后面的False 改为 True 即可(注意,有的是直接勾选,我的打开需要在右边的用户设置代码里面点击修改为true )
    然后关闭重启则生效。
    在这里插入图片描述

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

    万次阅读 2017-12-18 15:14:27
    {  "auto-rename-tag.activationOnLanguage": [  "html",  "xml",  "php",  "javascript"  ],  "files.trimTrailingWhitespace": true,  "CreateModule.supportES6
  • Visual Studio 2017 自动代码补全功能设置

    万次阅读 多人点赞 2018-10-05 20:53:35
    Visual Studio 2017 实用小功能设置1.自动代码补全功能2.改变系统主题设置3.功能快捷键 Visual Studio 2017 实用小功能设置 1.自动代码补全功能 代码补全功能很实用,当你码代码是输入一个常见的关键字时它会自动...
  • 然后新问题出现了,在输入unity的一些组件名称时,居然在自动选项里找不到补全,举个例子,比如我要输入OnTriggerEnter2D,那么长的玩意哪能记得住,之前都是打“ont”就出来了,原来的VS2017都有的说 综合网上...
  • ---恢复内容开始---平常在visual studio中编写C++代码,一般括号之类的都是自动补全的,最近想用来编写Python,发现括号不能补全了,很不适应。Python编写时好像括号好像默认没有自动补全,简单设置一下,就可以以...
  • 今天用VSC敲ng的时候,发现有很多小伙伴不知道怎么用tab自动在ts中补全代码!好吧,那就为新手发个福利了。 先在设置中搜索emmet,这个都知道是干嘛的吧~ 找到: // 在默认不支持 Emmet 的语言中启用 Emmet 缩写功能...
  • 将resharper插件中的设置内容改成这个就可以enter键自动补全
  • 2、设置“Use Language Server”,【User】和【Workspace】选项都要设置 3、如果以上两种方式,还不能解决话,参考以下链接: https://github.com/Microsoft/vscode-go/wiki/GOPATH-in-the-VS-Code-Go-extension ...
  • 1.Unity→Edit→Preferences→External Tools→外部开发工具选择Vscode安装目录的Code.exe文件 2.下载.net 4.7.1版本开发包 链接...
  • 关于VisualStudio Code中写Node.js代码自动补全的问题繁琐方法简单方法相关文章 刚开始学习 node.js。 用VSC写代码老是没有提示,java菜鸡表示伤不起。网上找了半天都是如下的繁琐方法 繁琐方法 npm或者cnpm安装...
  • 1. 打开vscode,点击左边栏... 2. 在搜索栏输入 ext:wxml 输入完成后即可看到vscode相关.wxml文件的插件,是按下载量排序的,选择下载量最多的,或者你想安装的插件,即可在右边看到插件详情,然后点击安装即可。 ...
  • Visual Studio Code是一款很...但是,Visual Studio Code自动补全停留在文本记忆上,即会自动补全已经输入过的文本。这远远不够呀,起码输入个.或者-&gt;要支持把成员给我显示出来吧。 还有就是,起码简单的...
  • 今天正巧在看vscode官方文档的时候,看到了介绍其使用typings拓展自动补全功能的介绍,同时查了一点其他资料,感觉用起来非常方便。由于脑子总是会清空一些不常用的东西,因此记在这里方便以后参考。
  • vscode怎么自动补全

    2021-03-25 11:08:09
    自动补全(智能提示)因为之前微软推出了typescript语言,结合tsd文件,用visual studio写typescript代码是相当爽的,智能提示的功能非常nb。这个功能理所应当也被vsc继承了。vsc的自动补全用的是typings。The ...
  • 请问各位大神,怎么配置visual studio code(vsd)才能在html文档中插入script脚步有 自动补全的功能!!! ![js文件中补全可以](https://img-ask.csdn.net/upload/201604/26/1461650709_486735.jpg) ![html标签...
  • JAVA并发编程的艺术CAS有两个特点: 1.for循环 2.compareAndSet(可能别的线程先改变然后又重置,此时CAS是成功的,也就是CAS执行的过程中,可能多个线程对此变量做了修改,而不是各个线程互斥的修改) ...srcolltop 的用法...
  • 大部分时候失效是因为你的代码有的地方有错误!! 转载于:https://www.cnblogs.com/FengZeng666/p/9290421.html
  • 然而代码却没有补全,光标却跳到了下一行。 其实这个问题安装一个插件就好了, 它就是的Visual Assist 下载地址:http://www.wholetomato.com/ 下载之后打开vs,就可以使用,其实还有很多功能,大家可以...
  • Shader高亮代码补全Visual Studio插件

    热门讨论 2017-10-18 21:43:15
    Shader高亮/代码补全Visual Studio插件,双击即可安装,包含VS2017 VS2015 VS2013版本
  • 下载补全代码片段
  • Visual Studio Code 常用插件,包括bootstrap-3,vscode-icons,jquery,JS-CSS-HTML-formatter,aspnet-helper,path-intellisense(路径自动补全),html css
  • 打开settings.json文件, 添加如下代码就行 "editor.codeActionsOnSave": { "source.fixAll.eslint": true, }
  • 测试版本 Unity2019.4.4f1 Unity:Edit->Preferences->ExternalTools->...通过双击脚本打开vscode,如果出现下图中TestVSC.sln则已经自动补全,包括GameObject,Transform等类型,但不会自动补全Awake
  • 机器人代码自述文件

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,254
精华内容 2,901
关键字:

codestudiovisual自动补全