js笔记十:vscode代码提示

对于开发过程中,如果有函数或属性提示,可以大大提高效率。对于java,python,C#等语言强类型的编译型脚本语言,其对应的IDE都有完备的代码。对于C++/C也有比较完善的代码提示,而js和lua这种弱类型语法,就很难了。很多仅仅是提供了同文件或同目录已有关键字的代码提示。这个也是js开发最头痛的地方之一。
        在使用vscode开发js,则提供一种办法,提高代码提示的正确率。一、typescript;二、js doc;三、@types
• 对于typescript,则是增强js的类型。损失一点js的自由度,提搞一些开发效率。
• Js doc真的很强大,配合vscode,可以完整的显示出来。这里有比较完整的js doc的资料http://www.css88.com/doc/jsdoc/
• @types则是新vscode代码提示库,有很多主流的库,如node本身的,还有lodash等。https://www.npmjs.com/~types


这里重点是代码中的js doc

一、 安装js doc插件。在vscode的插件管理,搜索Add jsdoc comments,然后安装就可以。

js笔记十:vscode代码提示_第1张图片

二、插入js doc。
• 将光标移到要插入注释的类或函数名上面,按F1或ctrl+shift+p,选择Add jsdoc comments,就会跟据当前参数列表,预生成注释,然后我们再完善它就可以了。
• 另外一种办法,就是在要插入注释的类或函数前一行,输入/**,就会有代码提示是否要生成注释,如下图:


三、填写注释
如下图示例:
js笔记十:vscode代码提示_第2张图片

将光标移到函数名上面,就会有代提示了
js笔记十:vscode代码提示_第3张图片
 

在使用的地方,也会有代码提示了

js笔记十:vscode代码提示_第4张图片


关于:@types
对于@types其实之前,还有一个typings,相对来说,没有@types支持的好
Typings https://www.npmjs.com/package/typings

 

@types https://www.npmjs.com/~types

 

 

历史笔记:

 

js笔记一:js中forEach,for in,for of循环的用法

js笔记二:node.js的npm使用理解

js笔记三:Set

js笔记四:node 6.9.x for gulp完整配置过程

js笔记五:数组基础篇

js笔记六:数组功能篇

js笔记七:数组的解构与变参

js笔记八:class

js笔记九:当运行脚本

js笔记十:vscode代码提示

js笔记十一:js监测变化并动态加载

js笔记十二:利用await和async,将回调函数变成同步的处理的办法

js笔记十三:nodejs 原生BigInt

 

你可能感兴趣的:(vscode)