VScode 的 JS 智能提示弱爆了?但是我有办法!

请点击关注我们

前言

本文针对使用IDE中智能提示功能的介绍,不涉及具体的IDE对代码分析(代码感知)的实现机制的解析,所以因为被标题吸引过来的大佬们抱歉,同时给vscode或者JetBrains写插件(拓展)的大佬们致敬。

VScode 的 JS 智能提示弱爆了?但是我有办法!_第1张图片

同时粘一下大佬们的阵地:微软公开的vscode的github源码

https://github.com/microsoft/vscode

同时本文不涉及aiXcoder、Deep TabNine这类不单针对本地代码进行感知,同时还通过其他手段来提高智能提示(自动补全)效果的插件介绍。

       正文共:1388字 14图       预估阅读时间:4 分钟

01

智能提示功能是个啥?

智能提示功能很常见,是一个很方便的功能——用户在输入若干字符后会弹出提示候选词给用户,方便用户快速获得结果;

以下是百度跟谷歌的智能提示上的对比,我们可以下结论说在用户进行拼音的输入时,在感知体验上谷歌是不如百度的效果好的。 

VScode 的 JS 智能提示弱爆了?但是我有办法!_第2张图片

VScode 的 JS 智能提示弱爆了?但是我有办法!_第3张图片

02

IDE中的智能提示是啥?

VScode的效果(没有加JSdoc)

VScode 的 JS 智能提示弱爆了?但是我有办法!_第4张图片

代码是用严格模式来写的js游戏项目(如果读者们有需要,有机会会拿出来分享的)。

1、首先第一步测试是代码里面已经从ServerRequest引用过的WeChatHttpRequest,因为已经调用过,产生过“记录”,所以VScode是能成功提示WeChatHttpRequest。这个也是让很多新手疑惑的match地方,觉得VScode能提示js呀。

2、那我们来测试第二步,同样是ServerRequest,同样是已经暴露出来的createWxReconnectView,在输入.cr的时候,因为没有调用过,并没有产生过“记录”,所以VScode是能成功提示的。

WebStorm的效果

VScode 的 JS 智能提示弱爆了?但是我有办法!_第5张图片

同样的代码WebStorm是可以直接识别ServerRequest暴露的全部内容,而且提示的信息更为全面。

03

WebStorm使用智能提示

1、去官网下载最新版的webstorm,安装试用(b站有视频)

webstorm官网 

https://www.jetbrains.com/webstorm/

2、用webstorm来打开游戏项目

    VScode 的 JS 智能提示弱爆了?但是我有办法!_第6张图片

3、如果不能智能提示,查看一下是不是打开了省电模式

VScode 的 JS 智能提示弱爆了?但是我有办法!_第7张图片

    

04

WebStorm一些常用的功能设置

1、快速给文件、方法、字段添加注释

VScode 的 JS 智能提示弱爆了?但是我有办法!_第8张图片

2、鼠标放到字段名或者方法名上时显示这些注释

VScode 的 JS 智能提示弱爆了?但是我有办法!_第9张图片

3、忽略不需要显示的文件类型与文件夹

VScode 的 JS 智能提示弱爆了?但是我有办法!_第10张图片

等等一些常用的使用方法,有机会再介绍。

05

WebStorm与VScode哪个好?

1、如果项目是纯TS开发,两个IDE在功能体验上区别不大。

2、项目是TS、JS混合开发或者纯JS开发,WebStorm对新手体验会好一点。当然还是建议两个都装,都用来做一两个项目再说。VScode+JSDoc+d.ts配置会比装WebStorm麻烦,同时提示起来也没有WebStorm体验好

3、WebStorm开发CocosCreator项目,只要把creator.d.ts文件放到项目中,就可以获得到CocosCreator的内容的提示了。如果是用laya或者白鹭,会需要配置一些相关的模块,但也是可以编译跟发布的。

4、使用智能提示会让编程能力降低吗?我还要靠做游戏维持生活,不是用来加速游戏上线的编程能力我是不会去提高的。至于到底会不会~~我的答案是——

VScode 的 JS 智能提示弱爆了?但是我有办法!_第11张图片

END

VScode 的 JS 智能提示弱爆了?但是我有办法!_第12张图片

你可能感兴趣的:(VScode 的 JS 智能提示弱爆了?但是我有办法!)