如何让vs中的js代码怎么用智能提示

为什么VSCode里面HTML没有CSS和JS提示了???太不方便了!!!!!! - 知乎31被浏览22272分享邀请回答2133 条评论分享收藏感谢收起"editor.parameterHints": true,
"editor.quickSuggestions": {
"other": true,
"comments": true,
"strings": true
87 条评论分享收藏感谢收起查看更多回答1 个回答被折叠()问题:编写基本Script代码没有问题,但是在编写DOM代码时候没有智能提示。也就是在编写一般javascript代码时候没有问题,但是要写DOM代码的时候发现没有智能提示,如document等都需要自己完全拼写,不能出现类似于写一个do就能出现所有能使用的do开头的字段和方法,这里解决方法如下:
找到工具&选项
  2. 找到文本编辑器&JavaScript
  3. 展开JavaScript,找到JavaScript&IntelliSense&引用
  4. 在操作完成后,在右边的引用组选项中,展开&选择Implicit(Web)。这里的默认选项是Implicit(Windows)。
  5. 在最下面的&将引用添加到当前组&,打开文件按钮&选择domWeb.js和domWindows.js,选择完成后点击打开,就会添加进去了。这里默认打开的是自己VS安装目录\JavaScript\References
  6. 这样完成后,就可以在编写代码过程中具有智能提示功能了,这里写的比较详细,希望能帮到大家。如果有错误,希望大家指出。
阅读(...) 评论()本文翻译自:
转载请注明:
刚创建的React Native技术交流2群(),欢迎各位大牛,React Native技术爱好者加入交流!同时博客右侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送!
(一)React Native工具(预览版)
该扩展工具(React Native Tools)给React Native项目提供了一个开发环境。你可以调试你的代码、通过命令面板终端快速的运行react-native命令、并且支持代码智能补全,对象搜索浏览、方法、参数以及其他一些React Native
API。使用效果演示如下:
(二)开始使用(Getting started)
1.在VS Code中安装扩展(0.10.8+)-插件地址:
2.命令行运行npm install -g react-native-cli来安装React Native CLI(0.1.10+)
3.然后React Native环境,版本需0.19+
具体Windows和Mac OS X安装React Native教程:
4.使用VS Code通过React Native的根目录进行打开
5.可选开启代码智能补全(该还在测试中)
(三)调试(Debugging)
3.1.安装调试环境(Setup debug environment)
在菜单中点击调试图标 ,然后点击configure齿轮样子的图标来选择React Native调试环境,以上两个小图标的样式分别如下:
VSCode会生成一个launch.json文件保存在项目,同时里面会有一些默认的数据配置,如下图所示:
上面的配置文件你可以修改这些配置信息,或者往列表中添加新的项。你也可以在这些配置信息中使用其他属性。
例如:你可以修改target属性来指定iOS调试的模拟器
3.2.开启调试(Start debug session)
为了开始调试,通过配置下拉框选择一个调试项,然后点击运行箭头或者F5按键.如下图所示:
你可以调试Android模拟器,Android设备或者iOS模拟器中的应用,当前插件提供iOS设备的支持。有关使用VS Code进行调试的更多详细信息
3.3.使用iOS设备调试(Debugging on iOS Device)
采用iOS设备调试需要完成以下一些常规步骤:
①.在APP中改变jsCodeLocation IP,更多详细的步骤
②.从调试配置下拉框选择Debug iOS并且按F5按键
③.摇一摇设备,打开开发者菜单,并且选择"Debug in Chrome"
(四).命令面板终端中使用React Native命令
在命令面板中,可以匹配React Native类型命令,并且选择命令,如下图所示:
①.运行Android命令,触发react-native run-android 来进行打开android app
②.运行iOS命令,触发react-native run-ios来进行打开并且在iOS模拟器中运行(iPhone 6)
③.Packager命令,可以允许我们打开/关闭
(五).使用智能提醒(Using IntelliSense)
代码智能提醒可以帮助我们发现React Native中相关对象,方法以及参数,具体效果如下图所示:
(六).开启智能提醒(Enabling IntelliSense)
该功能现在还处理测试实验阶段,所以我们需要开启该功能,React Native智能提醒功能依赖于VS Code工具支持JSX语法。为了打开该特性,当我们打开React Native项目的时候,会立即出现如下的提示。
该提醒是一次性的是的开启JSX支持,我们需要重启VS Code来让该智能提醒功能生效。同时我们可以验证是否已经正确安装,如果现实如下的状态条,就表示当前已经开启了智能提醒功能。
一旦你遵循以上的步骤进行开启智能提醒功能,你就可以在代码编辑器中看到React Native库中的对象,方法,参数相关提醒了。
下面是一些开启JSX支持,VS Code的配置做了一些如下修改:
①.环境变量VSCODE_TSJS=1设置来开启
②.Salsa需要最起码TypeScript 1.8版本,但是最终1.8发布版本还不可用。插件typescript@nexet安装在~/.vscode
③.在.vscode目录中生成一个setting.json文件,文件中使用typescript.tsdk来指向typescript@next安装的位置
④.在项目根目录中创建tsconfig.json文件,并且配置allowsJs:true来允许TypeScript来处理JavaScript文件
⑤.React Native的Typing复制到.vscode目录中
(七).已知的问题
下面列表一下,在使用本插件中可能会遇到的一些已知的问题。
①.调试器不能关闭断点:
该调试器仅仅会在通过VS Code打开packager服务中运行。如果packager在VS Code外部运行需要关闭packager
②.'adb' 命令没有找到: 如果你遇到adb:command not founc,那么你需要进行配置android环境变量了。最好把PATH和ANDROID_HOME环境变量都配置上.
③.目标iPhone 6不工作:当使用iPhone6运行app的时候,该为一个已知的问题,
最后这边查看已经解决的所有的问题。
(八)最后总结
今天我们主要翻译讲解了提高React Native开发效率的插件 React Native Tools(VS Code Tools)。该插件挺好的支持了代码智能提醒,运行调试,,大家有问题可以加一下群React Native技术交流2群().或者底下进行回复一下。
尊重翻译,转载请注明:From Sky丶清() 侵权必究!
关注我的订阅号(codedev123),每天分享移动开发技术(Android/IOS),项目管理以及博客文章!(欢迎关注,第一时间推送精彩文章)
关注我的微博,可以获得更多精彩内容
在线用户: 1今日访问: 1,790昨日访问: 6,607累计访问: 6,222,889VS2015怎么添加JQuery引用及智能提示?
作者:佚名
字体:[ ] 来源:互联网 时间:10-26 14:47:18
VS2015怎么添加JQuery引用及智能提示?VS2015中想要使用JQuery该怎么添加呢?下面我们就来看看详细的添加教程,保证成功,需要的朋友可以参考下
如何最快捷的在VS2015中使用JQuery,并可以智能提示,百度了N种方法终于成功,失败经验就不说了,直接写成功的方法!
软件名称:Visual Studio 2015 简体中文正式版(企业版)软件大小:4.5GB更新时间:
1、打开VS2015,从&工具&菜单选择NuGet选项,搜索Jquery,并点击安装.
2、可以看到解决方案的scripts增加了对应文件的引用
3、在HTML文件中可以直接引用jquery脚本库了.引用代码如下:
&script type=&text/javascript& src=&Scripts/jquery-3.1.1.min.js&&&&&&&&&&&&& _fcksavedurl=&&Scripts/jquery-3.1.1.min.js&&&&&&&&&&&&&& &/script&
但是奇怪的是,在引用脚本库函数时没有智能提示.下面是解决方法:
1)scripts文件下增加_references.js空白脚本文件.然后你会看到右键菜单多了两个选项.
2)点击自动同步引用.&更新JavaScript引用&可以将项目中的所有js文件全部自动引用到_references.js中,&自动同步JavaScript引用&其实就是在项目的js文件发生变化(重命名、移动、添加、删除)时,自动执行&更新JavaScript引用&。
不要智能提醒的文件,可以删除不影响使用.文件内容如下
4、在工具-选项-文本编辑器-JavaScript-Web中增加~/scripts/_references.js得引用。手工录入相对路径.
5、最终使用效果如图.js文件HTML文件使用均正常.
注意事项:
1、手工增加引用方法,可以将js文件拖到js中。
2、单个js文件中直接使用网上说的/// 没有效果,不知道什么原因。
相关推荐:
大家感兴趣的内容
12345678910
最近更新的内容在 SegmentFault,解决技术问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们,都在这里:
获取验证码
已有账号?
问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
1,关于这款编辑器的代码提示,一般是你输入一个单词,然后自动提示,有没有快捷键能够主动提示?2,我在写代码时,不知什么问题,有时提示功能完全没了,必须从启Vs code功能才能复原。难道是我关闭了代码提示功能?3,我把快捷键key Map改成IDEA映射的了,有没有Android开发的同僚或者Web的大大传授一下这款编辑器的经验,!谢谢
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
第一个问题可以看这里 默认window下触发提示是ctrl + space不过相信大部分人都是用这个快捷键来更换输入法的,所以需要改动绑定的快捷键
第二个问题没有遇到过
第三个问题,我是前端开发,不过也没什么好建议,vscode我大多使用默认配置,除了字体相关设置和配色方案之外,没有什么其他改动,再来我之前使用的sublime,所以下了个插件把快捷键改成sublime风格的了
同步到新浪微博
分享到微博?
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:

我要回帖

更多关于 在线客服js代码 的文章

 

随机推荐