我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范 electron教程(番外篇二): 使用TypeScript版本的electron, VSCode调试TypeScript, TS版本的ESLint electron教程(二): http服务器, ws服务器, 子进程管理 electron教程…

安装 typescript 依赖 npm install typescript --save-dev 目录结构: 添加 tsconfig.json 主要是将 sourceMap 设置为true. { "compilerOptions": { "module": "commonjs", "target": "es5", "noImplicitAny": true, "outDir…

1.记录一个插件:https://www.npmjs.com/package/ts-node # Locally in your project  npm install -D ts-node npm install -D typescript   # Or globally (not recommended)  npm install -g ts-node npm install -g typescript   lanch.json { "type": "node"…

我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范 electron教程(番外篇二): 使用TypeScript版本的electron, VSCode调试TypeScript, TS版本的ESLint electron教程(二): http服务器, ws服务器, 子进程管理 electron教程…

最近在学习typescript.学习 嘛,当然免不了各种练习,试错.那么使用vscode就可以很方便的做到. 首先是安装node.js.我们知道,node.js提供了js脱离浏览器的执行平台.node.js可以在官网下到,安装的时候下一步下一步就可以了. 使用node.js的npm包管理工具安装插件.打开cmd输入一下命令安装全局插件(全局插件好像电脑上任何文件夹都可以访问,不过局部安装可以用tsconfig文件灵活的控制使用插件版本): npm install -g ts-node npm i…

在开发的过程中,几乎不可能一次性就能写出毫无破绽的程序,断点调试代码是一个普遍的需求. 作为前端开发工程师,以往我们开发的JavaScript程序都运行在浏览器端,利用Chrome提供的开发者工具就可以方便的进行源码断点调试.其步骤有四,详情不表,粗略概括如下: 打开Chrome开发者工具: 点击进入Sources标签页,在页面的左侧就能看到JS代码的目录: 找到需要设置断点的源文件,在需要中断的哪行代码左侧单击鼠标左键,就可以设置断点,如果你的代码是uglify过的,则需导入相应的source…

动机 一直想把typescript在服务端开发中用起来,主要原因有: javascript很灵活,但记忆力不好的话,的确会让你头疼,看着一月前自己写的代码,一脸茫然. 类型检查有利有敝,但在团队开发中,限制个人的天马行空还是很有效的; node对模块等es6特性的支持不尽人意,目前我只用node长期支持版所能支持的特性,个人不愿用babel之类的工具; 开始用webstorm开发,结果它象visual studio系列一样,越来越臃肿;转而用vscode,但它的绝配是typescript; 问题…

在chrome的开发人员工具的配置项中,有一个sourcemap的选项,用来配置javascript源码和生成代码的关系. 如果能在浏览器中直接调试typescript代码,才能让我们真正体会到typescript开发的快乐. 首先打开chrome开发者工具的配置项,然后查看sources下的Enable source maps选项, 如果已经选中,请先取消,然后刷新页面,再选中,再刷新页面. 此时我们可以在开发这工具的Sources选项中看到ts文件. 如果你是使用visual studio开…

原文链接:node-webkit教程(16)调试typescript 本文所讲的内容同样适用于chrome浏览器. 在chrome的开发人员工具的配置项中,有一个sourcemap的选项,用来配置javascript源码和生成代码的关系.如果能在浏览器中直接调试typescript代码,才能让我们真正体会到typescript开发的快乐. 首先打开chrome开发者工具的配置项,然后查看sources下的Enable source maps选项,如果已经选中,请先取消,然后刷新页面,再选中,再刷…

VSCode调试go语言出现:exec: "gcc": executable file not found in %PATH%   1.问题描述 由于安装VS15 Preview 5,搞的系统由重新安装一次:在用vscdoe编译go语言时,出现以下问题: # odbcexec: "gcc": executable file not found in %PATH%exit status 2 2.解决方案 2.1 mingw 64 MinGW分为较早开发的MinGW32…

[转]vscode调试运行c#详细操作过程 主要命令: //路径跳转cd //新建项目dotnet new console -o 路径 //运行dotnet run //用于发布exe<RuntimeIdentifier>win10-x64</RuntimeIdentifier> //在项目根目录执行命令: 运行程序 :dotnet run -p ceshi002.csproj 发布exe :dotnet publish ceshi002.csproj 教程开始: 1.安装 .NE…

关于Vscode的C语言的单文件调试,可以参见VScode调试C语言的设置(win10,Linux),里面已经说明基本的配置和使用. 下面说明一下如何调试多个文件的工程,首先写一个简单的工程,其中工程目录如下图1所示. ​图1 工程目录结构 文件的结构也特别简单,就是在每一个文件夹下放置两个文件,一个为xxx.c的文件,一个为xxx.h的文件,这么存放文件的好处就是:结构比较清楚,对于已经完成的demo文件,也更加方便移植. 首先,对于add.c,内容如下 #include "sub.h&quo…

突然发现是可以使用 VSCode 调试单个 PHP 文件的,今天之前一直没有弄成功,还以为 VSCode 是不能调试单文件呢.这里记录一下今天这个"突然发现"的过程. 开始,是在看 Modern PHP 这本书,看到 "Built-in HTTP Server" 一节,自己测试了启动PHP内置服务器软件的命令:php -S localhost:4000,成功看到浏览器页面显示出相关页面.与 Apache 设置的 Web 网站的效果是一样的. 然后我突然就想到,能不能…

vscode 调试js,安装了nodejs之后还出现无法在Path上找到运行时的node. 重启vscode解决…

使用 Vscode 的 Gdb 扩展调试 C 语言时,发现数组变量在 变量列表里面中显示为指针,且只显示为其第一个元素的值,无法看到所有元素的值. 如图所示: 解决: 假设有一个元素个数为10的数组v,现在要查看它的值,那么可以在 console 或者 watch 窗口中输入 *(int(*)[10])v PS: 个人博客链接 - Vscode 调试 C 语言时数组值无法显示的问题 参考:https://github.com/Microsoft/vscode-cpptools/issues/17…

使用vscode 通过端口remote attach进行调试 pomelo. 0. 网上好多调试pomelo的都是webstorm.或者vscode调试node的教程.但没找到vscode调试pomelo的. 1. node 环境 node 使用版本 v8.11.1 node 查看 调试参数 ==> node -h 找出调试相关 参数,如果你在阅读本文后调试不成功,看看是不是调试的参数不对 node inspect script.js [arguments] --inspect[=[host:]…

1. vscode调试html文件 1.1. 使用Debugger for Chrome进行调试 1.1.1. 基于本地file配置方式调试 1.1.2. 基于服务端配置方式调试 1.1.2.1. 启动server端 1.1.2.2. 配置vscode 1.2. 使用Nodejs配置调试 1.3. 参考 1. vscode调试html文件 主要说明使用使用Debugger for Chrome插件如何配置,以及Nodejs的方式调试. 本文的配置方式是基于deepin系统的,适用于所有debia…

CentOS VSCode调试go语言出现:exec: "gcc": executable file not found in PATH 解决方案: 执行如下命令安装GCC,然后重新启动VSCode即可 sudo yum install gcc #安装GCC [fengxm@centos7-feng ~]$ which gcc /usr/bin/gcc #验证安装完毕…

之前想用vscode调试nodejs,总是不成功,也走很多弯路,现在记录下来. 首先新建一个文件夹,用vscode打开这个文件夹, 用vscode自带的终端执行npm init,输入名称,其他的可不输入,这时候文件夹里会增加package.josn的文件, 然后在创建js 文件就可以直接调试了…

调试Vue搭建的前端项目 在项目根目录下的vue.config.js中添加: module.exports = { lintOnSave: false, //关闭eslint语法校验 //填写这部分 configureWebpack: { devtool: 'source-map' } // devServer: { // proxy: 'http://localhost:8080', // public: '192.168.0.53:8080' // 本地ip // } } 在babel.co…

Mac系统版本:MacOS Mojave  10.14.5 vscode:1.36.0 MacOS Mojave  10.14.5 系统自带 PHP 7.1.23 1.开启php sudo vim /etc/apache2/httpd.conf 找到#LoadModule php7_module libexec/apache2/libphp7.so,去掉注释(删除前面的井号). 2.然后重启apache sudo apachectl restart 3.运行phpinfo.php mac apa…

vscode调试web配置 第一步:安装vscode,并启动(vscode的安装包自行到其官网上下载) 第二步:在vscode上安装chrome插件 第三步:配置,启动调试 配置信息 { // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.mic…

VsCode调试vue项目 VsCode如何调试vue项目,VsCode需要安装插件以及配置launch.json文件. 找到"扩展"或者按快捷键"Ctrl+Shift+X",如下图,输入Debugger for Chrome查找,并安装. 配置launch.json 打开存储库,在网页上查看信息,参考官网的Launch配置本地的launch.json 本地launch.json配置(如果找不到这个文件,点击运行->打开配置) 本地配置文件launch.jso…

使用VsCode调试UE5的PuerTs 1.下载测试的Demo项目 配置PuerTs的步骤这里不赘述. 2.准备工作 2.1 打开项目 正常来说,直接打开项目可以看到如下画面 如果直接点击运行,可以发现下方的 Output Log 窗口已经开始 Print 了很多案例. 是因为该项目默认执行的是QuickStart.ts. 2.2 打开TsGameInstance.cpp 3.添加VsCode断点 3.1 在VsCode找到QuickStart.ts,随便断一个点 (这里我们以 L17 为例)…

文地址:https://code.visualstudio.com/Docs/languages/typescript TypeScript是Javascript的超集,它提供了类.模块.接口来帮助你构建强大的组件.这里可以找到语言规范. VS Code下TypeScript支持在两种不同的模式下运行: 文件范围:在这个模式下,VsCode打开的TypeScript文件被视为独立单元.只要A.ts没有明确引用b.ts(使用///引用目录或额外模块),那么两个文件就没有通用项目上下文. 显式项目:…

http://code.visualstudio.com/docs/editor/debugging#_launch-configurations VSCode内置Node.js运行时, 能调试javascript, TypeScript. 如果要启动调试, 需要设置启动配置文件--launch.json. 单击调试视图顶部的配置齿轮图标选择调试环境, vscode将在.vscode目录下生成一个launch.json的配置文件 launch.json中有很多属性可以设置, 通过智能提示查看有那…

之前写项目一直都是console.log()来调试的,浪费了很多时间,现在整理一下用vscode对nuxt(vue)前后端进行调试的方法 前端的调试 chrome+launch 使用chrome调试,模式为launch.不多说,直接上图 当执行到到的位置就会出现 chrome+attach 使用chrome调试,模式为attach,跟launch的区别是不会打开新的浏览器窗口 然后启动调试,之后马上切换到chrome,让vscode的调试程序可以"粘上"到你的项目 chrome自带 使…

TypeScript游戏程序JsTankGame不是本人写的,是从CSDN下载的. JsTankGame是用Visual Studio开发的,因此在Visual Studio下调试非常顺畅.本人尝试用Visual Studio Code看看能否调试这个用TypeScript写的游戏程序. 首先解压JsTankGame到JsTankGameforVSCode文件夹下,启动Visual Studio Code,打开JsTankGameforVSCode文件夹,如下图:. 需要配置settings.j…

之前在vscode上调试.net core 2.0项目时输出窗口一直是乱码,查了很多资料无法解决 最终在github找到了解决办法 ->   https://github.com/OmniSharp/omnisharp-vscode/issues/1775 { "version": "0.1.0", "command": "dotnet", "isShellCommand": true, "…

一.效果目的 1.在VSCode里,直接F5打开html页面,并且可以在编辑器里,进行断点调试js代码: 二.工具准备 1.VSCode 软件 2.一个js项目 3.VSCode 上装一个插件:Debugger for Chrome 如图  三.配置文件更改 1.用VSCode装载项目  2.然后按F5,出现这个框 选择 Chrome 3.然后出现个配置的提示,和打开了launch.json这个文件 在 这个文件里添加一段配置信息 , { "name": "使用本机 Chro…