vsCode 添加浏览器调试和js调试的方法
时间： 14:16:17
&&&& 阅读：380
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&1、直接按F5可以调试的方法或者点击运行按钮（可以直接运行html文件或者js文件）在launch.json文件中的配置如下：{& & "version": "0.2.0",& & "configurations": [{& & & & & & "name": "谷歌浏览器", //运行html文件，用谷歌浏览器打开& & & & & & "type": "chrome",& & & & & & "request": "launch",& & & & & & "url": "${file}",& & & & & & "sourceMaps": true,& & & & & & "webRoot": "${workspaceRoot}"& & & & },& & & & {& & & & & & "name": "nodeLauch", //单独调试js，即可以直接运行js& & & & & & "type": "node",& & & & & & "request": "launch",& & & & & & "program": "${file}", //这个配置成你要调试的文件、${file}当前打开的文件& & & & & & "stopOnEntry": false,& & & & & & "args": [],& & & & & & "cwd": "${workspaceRoot}",& & & & & & "runtimeExecutable": null,& & & & & & "runtimeArgs": [& & & & & & & & "--nolazy"& & & & & & ],& & & & & & "env": {& & & & & & & & "NODE_ENV": "development"& & & & & & },& & & & & & "console": "internalConsole",& & & & & & "preLaunchTask": "",& & & & & & "sourceMaps": false,& & & & & & "outDir": null& & & & }& & ]}2、第二种方法&Ctrl+Shift+B 快捷键运行html文件，在Tasks.json中配置如下：{& & "version": "0.1.0",& & "command": "",& & "isShellCommand": false,& & "args": ["${file}"],& & "showOutput": "always",& & "windows": {& & & & "command": "C:/Users/shannonliang/AppData/Local/Google/Chrome/Application/chrome.exe"& & },& & "tasks": [{& & & & "taskName": "webserver",& & & & "isBuildCommand": true,& & & & "showOutput": "always"& & }]}3、如果第二种方法，不想每次都按这个快捷键，请参考npm配置node服务方法：
/questions//how-to-view-my-html-code-in-browser-with-visual-studio-code&&&&&&标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&国之画&&&& &&&&chrome插件&&
版权所有 京ICP备号-2
迷上了代码！如何评价 Visual Studio Code？ - 知乎4417被浏览938171分享邀请回答8221 条评论分享收藏感谢收起/Shows/Azure-Friday/Erich-Gamma-introduces-us-to-Visual-Studio-Online-integrated-with-the-Windows-Azure-Portal-Part-119431 条评论分享收藏感谢收起查看更多回答Visual Studio Code的插件debugging in chrome怎么配置？？ - 知乎9被浏览4702分享邀请回答[debugger-for-chrome] Cannot connect to the target: connect ECONNREFUSED 127.0.0.1:9222
默认的第一个是文件，第二个是服务器环境，第三文件和服务器环境，但是需要先启动相应的端口的chrome。第一个就比较简单了，可以直接启动调试。第二个也比较简单，但是注意需要你的项目有个服务器环境，调试不会给你起个服务器环境的，你需要自己起个服务器环境，比如使用live-server、gulp或者iis、apache、nginx等，而且访问地址要和配置项中的url一致。比如你用gulp起了一个9000，那么你的配置项中url也得是9000，这样就启动调试，就会主动打开chrome进行调试了，但是你关闭了调试，它也会自动把你的chrome关闭的。第三个需要先在终端中使用和配置项port一致的端口号将chrome启动/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222
，然后启动调试，在打开的浏览器中输入服务器url或者文件路径都可以进行调试。并且你关闭调试也不会关闭chrome浏览器。以上三种方式，都是在mac下测试过的。再次强调调试前，先杀死chrome所有进程，一般退出chrome即可。2添加评论分享收藏感谢收起10-1910-1610-1610-1610-1610-1610-1610-1610-1610-16最新范文01-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-01微软刚发布的Visual Studio Code还不支持安装扩展,没有内置的HTML预览功能.如果想要编辑HTML之后直接运行,可以 ctrl+shift+p 搜索 Configure Task Runner. 回车之后打开 tasks.json,修改一下: { &version&: &0.1.0&, &command&: &explorer&, &windows&: { &command&quo
如今Visual Studio Code(一款免费的轻量级代码编辑工具)可以在Windows.Mac OS和Linux等OS上可以下载试用了,至于如何安装使用,时隔一周你也应该会了,但体验如何?国外Cypress North创始人.软件工程师和技术爱好者Matthew Mombrea撰文写了自己的感受. 下载试用地址:/ 友情提醒:一旦安装使用,即表示他允许该工具在出现崩溃时自动收集崩溃转储. 以下为文章摘译: 微软正走在跨平台的路上,V
Now the project is in the DAO transaction manually control, you must first obtain a connection, open the Services, the successful submission services, failure to roll back transaction. The typical code structure is as follows: using (var conn = Conne
原文:http://blog.csdn.net/youoran/article/details/8294907 一.安装及使用 Visual Studio 2010中的MSDN帮助文档较之前版本有了很大的不同,它使用了Microsoft Help Viewer.在安装Visual Studio 2010的时候会自动安装Microsoft Help Viewer. 安装完Visual Studio以后可点击Install Documentation来从磁盘安装帮助. 如果此时没有安装帮助,也可通过
随着微软透露一些有关即将到来的Visual Studio 11的细节,语言增强并非所做的唯一改进.正如微软开发部副总裁S. Somasegar最近所谈到的,集成开发环境(IDE)本身也将获得一套其独有的新功能和改进功能. 改进的搜索/查找(search/find) 微软认为,开发者会经常搜索程序集.控件.以及其他常见项目,而对此他们可使得这些搜索在发生时变得更简单.日常的搜索任务现在可通过搜索框(search box)完成,搜索框已被添加到集成开发环境的任何地方.当搜索程序集引用.以及快速启动对
第一步:打开Visual Studio (这里我虽然用的是Visual Studio 2008,但是Visual Studio 2005也同样适用,而且创建方法都是一样的) (Figure 1) 第二步: 创建一个新的项目并且命名为MyTemplate(最好写成MyProjectTemplate,这样容易区分是Project Template还是Item template),在这个例子里,我全部用的是Console项目,如果你要第一ASP.NET的模板,那么就创建一个ASP.NET的websit
At this moment I was fine a deep earthquake! [Video] Visual Studio latest &sensational& advertising - let me be your next line of code / With that VS2010 will be released on April 12, do not know whether it will also relea
Microsoft Visual Studio 2010 serial number / registration code: YCFHQ-9DWCY-DKV88-T2TMH-G7BHP
阅读: 154 评论: 3 作者: longgel 发表于
12:03 原文链接 看到的一篇文章觉得还满详细的就翻译过来,呵呵.第一次翻译,也就是练习一下英文,有不对的地方欢迎指正. 1.使用时生成 此功能大大提高了测试驱动的开发 (TDD) 的 Visual Studio 支持.即使您不使用TDD这个功能也是非常有用的.它可以减少击键次数,尽可能的增加您的工作效率. 例如现在我可以编写如下代码: Code highlighting produced by Actipro
基本介绍篇 在实现这个扩展之前,让我们先弄清楚这个扩展实现什么功能.这个扩展实际上是在你的VS窗口的右上角创建了一个信息框代码.该信息框显示您的源代码的统计信息.这些信息包括: 1.文件的代码行数 2.文件的字符数 3.命名空间的个数 4.字段个数 5.接口个数 6.类的个数 7.函数个数 8.属性个数 9.注释的数量 10.统计文件的大小(Bytes, KB, MB等). 当您键入您的代码,你会看到信息窗口中的数据会即时更新. 这个信息窗口,是利用可扩展面板.你可以把它看成两个部分,每一个部分
微软正式发布Visual Studio 2013 RTM版,微软还发布了Visual Studio 2013的最终版本..NET 4.5.1以及Team Foundation Server 2013.下面我们体验下Visual Studio 2013 Web开发方面有哪些特性,具体可以参看http://www.asp.net/visual-studio/overview/2013/release-notes. 1..net framework 2.0/3.0/3.5/4.0/4.5/4.5.1
昨天微软的Visual Studio 2013 Update 3(Visual Studio 2013.3)正式发布(RTM)了,做为微软认证金牌合作的葡萄城控件,我们组织力量第一时间进行翻译.分享给大家: 下载 Visual Studio 2013 Update 3 此更新程序是最新的一个累加了新功能和错误修复的Visual Studio2013,您可以从以下链接获得Visual Studio2013和Team Foundation Server 2013: Download Visual S
VC++团队的项目经理Sumit Kumar透露了下一版Visual Studio的一些新的IDE[1]功能.虽然其中一些功能只是赶上VB或C#,但是其他人建议了一些适用于所有语言的新功能. 首先是&语义着色&(Semantic Colorization).此功能为C++代码编辑器中的各种类型.枚举.以及宏着色.添加的另一有趣想法是局部变量与参数之间的区别,参数将以斜体显示.像VB和XAML一样,用户可以对更多语言特定的标记应用自定义样式.以下是由Sumit提供的暂定列表: 引用高亮显
AnkhSVN最初是作为Visual Studio的一个插件出现的,通过它,你可以在Visual Studio中开发用SVN版本控制的项目.这次所发布的2.0版本完全重写了内核引擎.而对于Visual Studio 来说,AnkhSVN是作为免费的源代码控制包交付的. 目前AnkhSVN的实现是基于SharpSvn的,它是SVN客户端API的一个.NET 2.0实现.因为SharpSVN支持所有的SVN 1.5客户端API,并且SCCA提供和Visual Studio的深度集成
研究Chrome ,首先得把它编译出来,这对于后续的代码分析和阅读有很大的帮助,想想自己编译出一个 Chrome 浏览器来使用,那是一件很炫的事情. 编译篇 研究Chrome ,首先得把它编译出来,这对于后续的代码分析和阅读有很大的帮助,想想自己编译出一个 Chrome 浏览器来使用,那是一件很炫的事情. 编译环境准备 Chrome的编译和 WebKit 相比起来,难度上来说,简直是一元二次方程求解和偏微分方程求解的对比(我到现在还没有完整的把 WebKit 编译出来,鄙视一下自己).虽然 Ch
看到.net框架代码发布了,兴奋了一下,把在Visual Studio 2008上配置的内容翻译了一下,只翻译了原文的基本步骤,高级用户篇和QA没有翻译. 基本步骤 注意,这个功能在Visual Studio 2008 Express版里不支持. 1)安装Visual Studio 2008 QFE.这个QFE只是更新一个Visual Studio调试器的DLL,以便可以获取源代码, 更多细节参加下载页面. 2)运行Visual Studio 2008依次展开Tools-&Options-&D
2.1 向vs2013中添加新项 visual studio使用解决方案管理器对项目文件进行管理,右击项目名称–添加–新建项: 选择适合的文件类型,如Web窗体.JavaScript文件等,点击'添加',该文件就被添加到解决方案资源管理器中去了. 注:将文件添加到解决方案管理器中,除了便于管理外,重要的一点是在向服务器发布程序时,解决方案管理器中的各项资源(如图片等)才能发布到服务器上. 文件源代码写好后,右键文件名称,点击签入: 在右侧团队资源管理器中填好注释,点击签入,该文件被添加到服务器上
在我以前的TableAdapters and Transactions文章中,我展示了一套关于如何在多层数据表结构的数据集中完成事务内部的分等级更新.我在这里给出的例子演示了Visual Studio 2005中如何用数据库事务或者TransactionScope去更新数据.这需要一些代码来管理行的正确更新顺序,TableAdapters上的连接和处理,以及在回滚的情况下,你希望保持数据集中原有的变化. 幸运的是,在Visual Studio 2008中DataSet生成器有了新的提高,它创建了
我一直在使用Visual Studio 2010RC版本.它有很多让人欣喜的东西.下面将其列举出来: Sequence Diagram Generation 我觉得这是一颗救星.我不知道你是怎么样的,但作为开发人员的我,在完成设计之后,就想潜心投入代码中.通常在开始编码之前,有时候我想要看序列图.现在,有了Visual Studio 2010序列图生成器,我可以简单地编写代码,然后生成.这不仅为您节省时间,而且让你更好地去理解可导致代码的复杂的一些分支. 以下是我在这篇文章中要使用的代码: 1
Metro界面的开发模板 新增了驱动开发支持 改进的C++ 11标准的支持 -------------------------------------------------- ------------------------------ 标准模板库 作为在Visual Studio 11开发人员预览版的C + 11规范的支持的一部分,标准模板库(STL)支持在Visual Studio扩展,以提供额外的编程结构,规范要求.亮点包括以下内容: 支持新头文件&atomic&,&chrono
ArtisticStyle----很好用的C/C++样式格式化工具(支持VC6) 下载地址: /files/AStyle_2.02_windows.7z 把astyle.exe 复制到 C:\WINDOWS 目录里,省的指定路径 VC6++ 设置方法 菜单-&工具-&定制-&工具菜单内容-&新建菜单,参数如下 命令行:astyle.exe 变量: --style=k&r --brackets=break --indent=
最近发现我的VS 2010在创建类的时候总是把引用命名空间的那段代码放在了namespace block内部, namespace Basic { using S using System.Collections.G using System.L using System.T class Class1 { } } 记得之前应该是安装过从网上下载的本色方案,也许里边有修改Item Template的改动.不管这么多了,现在问题出来了,就得想法子解决. 在S
最近在学习利用VTK三维编程,但是发现,在国内,相关的知识真的很少,在学习的过程中,遇到了很大的困难,所以就想着把我学到的一些有用的知识写出来,供以后的学习的人参考,我也是一个新手,有不到之处,希望读者不吝赐教.这就是我写这些的动机.以下的所有的所用的环境的操作系统是windows xp sp3. 一,cmake简介: cmake 即是cmake - Cross-Platform Makefile Generator.是一个跨平台的安装(编译)工具,可以用简单的语句来描述所有平台的安装(编译过程
搜索功能(新!) 在Visual Studio中有许多不同的搜索方法(增量搜索,快速查找,在文件中查找,查找工具栏等),对于一个给定的任务往往是不太明确的. 而且查找对话框本身也使得我们没法很好的查看和跳跃代码. Productivity Power Tools 增加了新的查找扩展. 在编辑文本的状态下,按Ctrl + F 就弹出了这个小而强大的窗口,通过这个窗口你可以使用大多数的快速查找功能,如替换,大小写的选项,并增加了NET的正则表达式! 增强的滚动条 (新!) Enhanced Scro
ActiveReports 9刚刚发布3天,微软就发布了 Visual Studio Community 2013 开发环境. Visual Studio Community 2013 提供完整功能的 IDE ,可开发 Windows.Android 和 iOS 应用.支持:C++, Python, HTML5, JavaScript, 和 C#,VB, F# 语言的开发,提供设计器.编辑器.调试器和诊断工具. 最牛逼的在于你完全可以免费使用该工具: 可以正大光明的免费使用visual stud
VS2010版快捷键 Ctrl+E,D ----格式化全部代码 Ctrl+E,F ----格式化选中的代码 CTRL + SHIFT + B生成解决方案 CTRL + F7 生成编译 CTRL + O 打开文件 CTRL + SHIFT + O打开项目 CTRL + SHIFT + C显示类视图窗口 F4 显示属性窗口 SHIFT + F4显示项目属性窗口 CTRL + SHIFT + E显示资源视图 F12 转到定义 CTRL + F12转到声明 CTRL + ALT + J对象浏览 CTRL
Visual Studio 2010 RC can be said that the future of Visual Studio 2010 is the official version of the prototype, in general will not much change. The author will introduce Visual Studio 2010 RC on the WPF development improvements. Currently, I am th
Development Tools: visual studio 1. The most simple way: print output Console.WriteLine(&hello,come on baby&); This statement is equivalent to java in Syste.out.println(&hello&); 2.error list view Click to view - error list (view-error
Practical Visual Studio 2008 shortcuts Notes selected lines CTRL + K, CTRL + C Uncomment selected lines CTRL + K, CTRL + U Format Document CTRL + K, CTRL + D To define F12 F7 to switch between design and code Open the Properties window F4 Open the pr
Introduction As it is known, Microsoft officially doesn't support integration of DDK with Visual Studio (any version). So we can use the Visual Studio editor (or any other text editor) for developing the source codes of a driver, but for compiling we
April 12, Microsoft's new Visual Studio development tools platform release, engage in a series of marketing activities, also made a number of whom are sensational ambiguous advertising (see /v_show/ id_XMTYwNTE3NTI0.html), so a chan
Long time do not use C + + development, so the C + + development environment (Visual Studio) is not only unfamiliar, or even forgotten. Yesterday a friend in learning LibSVM the time, asked me how C + + (Native) project called dynamic library, then Y
Although I used to write code using some shortcut keys, but one said last night by the little emperor, found himself with a shortcut or too little. Today, online collection of some commonly used shortcuts, to sum up here. Note: the more important tha
Programmers must see the ads show ads --- Visual Studio Theatre We are knocking on every front of the computer code of the students, but for happiness, you have thought about? After reading this series of ads show, may make you happy to have a better
Microsoft Visual Studio ad beautiful wallpaper download Listing of Visual Studio 2010, Microsoft for the Microsoft Visual Studio ad beautiful wallpapers to download the 2010 film &Coding Perfect World& campaign, the play's heroine tenderness, he
Microsoft Visual Studio ad beautiful wallpaper download Listing of Visual Studio 2010, Microsoft for the Microsoft Visual Studio ad beautiful wallpapers to download the 2010 film &Coding Perfect World& campaign, the play's heroine tenderness, he
http://space.itpub.net/664552/viewspace-506333 Today, under the Login want to learn the use of space, to find the code read, he just did not know where the database came! Also how to obtain the data! Later he realized it was a time when the new user
General default case, Eclipse, MyEclipse code hint feature is worse than the Microsoft Visual Studio for many, mainly Eclipse, MyEclipse itself has many options are off by default, and to the developer to manually configure themselves. If the develop
Visual Studio 2010 summary diagrams of practical functions Visual Studio 2010 has released a very long time, Yi Ciyuan software in the world have provided VS2010 download , personal feel in the course of some new feature is convenient in many, very w
C # is a great programming language, and C + + and Java, its syntax is simpler, relatively speaking, better get started, 10 years of development experience, C # programming language has become a field of strong competitors, each year We can see its p
Implementation of automated testing Writing automated tests for many testers who may be unfamiliar. Fortunately, Visual Studio provides for a series of automated testing tools, unit testing (Unit Test), coded UI test (Coded UI Test), stress test (Str
Talk MSDN Library For Visual Studio 2010 In April this year, the official version of Visual Studio 2010 just released, I wrote an & MSDN for 2010 of those trouble &, introduces the new Visual Studio help system for developers the inconvenience.
-------------------------------------------------- -------------- Coding -------------------------------------------------- -------------- Shift + Alt + Ente - Full Screen Shift + Alt + F10 - to open the options for implementing the interface, I can
JQuery is a widely popular open source, cross-browser compatible CSS 3, and the JavaScript library, you can use JavaScript code to simplify your tasks and operations (add, edit and delete) HTML content in the DOM elements, this paper 10 a use jQuery
Several years ago in my school, the graphics image processing in experimental projects. Was a major challenge we face is the real time requirement of the project. Students together to discuss possible solutions, the most straightforward, it is reques
[Note: This article reference] http://www./forum/viewtopic.php?f=1&t=11157 for editing and finishing, while some of the error correction Environment: windows 7 + visual studio 2010 + opencv 2.1 1 download OpenCV2.1 Official Address: http
Introduction Microsoft Visual Studio 2008 Professional Edition or later versions provide a Windows Mobile application development environment that allows you to use native code (C / C + +) or managed code (C # / Visual Basic.NET) for the Windows Mobi
Reference URL: ( http://www.cs.uiowa.edu/ ~ cwyman / classes / common / howto / compileVS.html ) Compiling OpenGL Programs Using Visual Studio on Lab Windows Machines (eg, MLH 301): The hardest part about compiling any program using Visual Studio is
March 31, 2009, Microsoft released the Microsoft Visual Studio International Pack 1.0 SR1. Visual Studio International Pack contains a set of class libraries, the library expanded. NET Framework on the globalization of software development support. C
Ado, download the address, see: http://ankhsvn.open.collab.net/ AnkhSVN - Subversion Support for Visual Studio The 100% Opensource Source Code Management Solution for Microsoft Visual Studio. &! - Html component end -& &! - Html component start -
Copyright (C) , All Rights Reserved.
版权所有 闽ICP备号
processed in 0.050 (s). 9 q(s)