VSCODE - 技术教程文章
vscode extension插件开发详解【图】
最近公司要使用vscode作为开发工具，需要对vscode做一些定制功能，比如snippet提示，内容提示，以及其他插件集成等，为此做了一些调查，并做了一定的开发与支持。官方文档 https://code.visualstudio.com/docs上面是vscode官方提供的extension开发帮助，按照上面的步骤基本上可以做简单的demo事例如下主要介绍下自己在开发中做的几个简单功能：1. Snippet感觉vscode的snippet功能真的很强大，只要编辑相应的json配置文件，在文档编...
VSCode 插件之 - GitLens
Visual Studio Code 因为相对小巧和扩展性，使用的人越来越多。 很多聪明的孩子总是不安于现状，Git 代码管理目前已经几乎是标准配置了，但是 VSCode 针对 Git 部分的配置总是感觉很弱鸡。 现隆重介绍下GitLens 插件，超过 8百万的下载量，可见欢迎程度。 安装 在市场中，直接搜索 git，出现的前面几个就是你需要的。 在弹出的界面中进行安装即可。 当你的 VSCode 左侧出现有上面显示的图标后，显示 GitLens 已经安装成功了。 ...
javascript – VSCode中的流类型检查性能【代码】
我使用create-react-app构建了一个新项目,并希望使用静态类型检查启动它,现在市场上有两种选择： > TypeScript>流动 我很想跟Flow一起去,因为它也是由Facebook构建的,应该(？)更好地支持React项目. 所以我正在努力的是VSCode中的类型检查性能.创建项目后,我运行了以下命令： >纱线添加-D eslint-plugin-prettier husky漂亮漂亮的快速babel-eslint eslint-plugin-flowtype flow-bin eslint>添加了Airbnb React风格：eslint –init>跑...
ubuntu安装vscode
1.下载解压vscode（复制下边内容直接运行） sudo wget -c https://az764295.vo.msecnd.net/stable/7ba55c5860b152d999dda59393ca3ebeb1b5c85f/code-stable-code_1.7.2-1479766213_amd64.tar.gz #下载安装包 tar -xpf code-stable-code_1.7.2-1479766213_amd64.tar.gz #解压 sudo mv VSCode-linux-x64 /opt/ #移动到/opt下 sudo chmod +x /opt/VSCode-linux-x64/code #可执行权限 #此时运行code就可以打开了，如果感觉不方便可以...
VScode编写markdown心得【图】
1.应用范围 ??一般markdown编辑器都有转成html的功能， 直接发给他们一个html网页文档， 一样可以给客户很好的展现。当然如果你想发布文档， 可以用pandoc转换下， N多格式总有一个是你想要的。 而我发布一般都是markdown 文件， 这样得到的人就能好好了解md的语法格式， 如果喜欢最好，可以很方便的阅读了，增长md语法知识， 如果不喜欢也没关系， 精简的语法不会影响内容的阅读。 2.编辑工具 ??我习惯使用vscode工具来编写markdo...
【数据库|MySQL】在项目中应用mysql（vscode）【代码】
一：在项目中操作数据库的步骤 ① 安装操作 MySQL 数据库的第三方模块（mysql） mysql 模块是托管于 npm 上的第三方模块。它提供了在 Node.js 项目中连接和操作 MySQL 数据库的能力。 想要在项目中使用它，需要先运行如下命令，将 mysql 安装为项目的依赖包： npm i mysql// 导入mysql模块 const mysql = require('mysql')// 建立与数据库的链接 const db = mysql.createPool({host: '127.0.0.1', //数据库的ip地址user: 'root', /...
Ubuntu下配置VScode+texlive2019
一.VScode下载（略） 二.Texlive镜像下载 在官网下载镜像当然可以，但是速度就太慢了，这里推荐清华源： https://mirrors.tuna.tsinghua.edu.cn/CTAN/systems/texlive/Images/ 进入网页后点击texlive2019.iso进行下载，大概是3.3G 三.Texlive安装 镜像下载完成后，首先为了图形化界面安装要执行命令： sudo apt-get install perl-tk 然后加载镜像文件： sudo mount -o loop texlive.iso /mnt ...
vscode c/c++配置【图】
今天重新配了vscode，遇到了一些问题，现在把没有问题的放出来。 .vscode文件夹中的几个文件来自https://www.zhihu.com/question/30315894下的高赞回答。 但有几个小问题。 1. #include下出现波浪线 首先在cmd中输入gcc -v -E -x c++ - 将其中的路径复制下来，如下所示。C:/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/8.1.0/include/c++ C:/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/8.1.0/include/c++/x86_64-w64-mingw32 ...
如何解决’属性’宽度’在类型’HTMLElement’上不存在.’当使用// @ ts-check在vscode中键入检查Javascript(NOT Typescript)时？【代码】
在view.js文件中：const canvas = document.getElementById('canvas'); ... export {canvas, }; 在main.js文件中：import * as view from '../src/view.js';...xPosition: view.canvas.width / 2,给我’属性’宽度’在类型’HTMLElement’上不存在.类型检查错误. 我不知道如何继续,我对打字稿没有任何了解,而且程序是用javascript编写的.我读过的所有解决方案都需要使用打字稿,这在本例中没用. 我有什么办法可以摆脱这个错误吗？ 编...
微软为 Java 开发者推出 VSCode 安装程序【图】
微软为 Java 开发者推出了一个 Visual Studio Code 的安装程序。Visual Studio Code 中目前提供了许多 Java 扩展，但是微软认为有必要让开发者更容易开始上手编码，所以为 Java 开发者发布了一个特殊的 Visual Studio Code 安装程序 Visual Studio Code Java Pack Installer。 该软件包可直接安装或作为现有环境的更新，以将 Java 或 Visual Studio Code 添加到开发环境中。下载并打开后，它会傻瓜式地自动检测系统中是否拥有本地开...
运行VScode显示”程序...无法运行：没有应用程序与此操作的指定文件有关联。所在位置.......“【图】
运行VScode显示”程序...无法运行：没有应用程序与此操作的指定文件有关联。所在位置.......“ 一、问题表现二、问题原因三、解决方法 一、问题表现 刚安装完VSCODE后安装编译器之后运行代码，显示”程序…无法运行：没有应用程序与此操作的指定文件有关联。所在位置…，如下图。 二、问题原因 找了很久没有找到解决方法，后来和师兄一起找出了原因。是因为文件名不符合命名规则。我的文件名中包含了非法字符点。 三、解决方法 只...
VScode中编写运行C程序【代码】【图】
VScode运行C程序的所需配置 VScode只是一个编辑器，并不自带C编译器，所以需要 下载mingw 下载安装版本或者压缩文件，解压缩后，配置系统的环境变量。 path中添加mingw/bin的路径新建include变量，添加mingw/include的路径打开VScode安装c/c++插件和code runner插件code runner用来一键编译运行C程序。 除此之外然后需要配置三个文件。 c_cpp_properties.json launch.json tasks.jsonc_cpp_properties.json配置 当鼠标放在include头...
基于VSCode的C++编程语言的构建调试环境搭建指南【代码】【图】
在windows上安装gcc环境 到官网下载mingw安装包。官网地址 安装详情参考 为了在cmd中使用gcc命令，应该将程序的地址添加到环境变量中。然后在cmd中输入gcc -v命令查看是否安装成功。安装c/c++插件 在主界面按shift+ctrl+x进入搜索界面，输入c/c++，然后安装图中第一个。添加一些配置信息 在工作文件夹中创建一个.vscode文件夹。 配置两个文件，一个是launch.json另一个是tasks.json。 launch.json{"version": "0.2.0","configurati...
使用VSCode编辑器如何开发AngularJS2应用程序【图】
这篇文章主要给大家介绍了关于利用VS Code如何开发你的第一个AngularJS 2应用程序的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友下面来一起看看吧。前言之前已经给大家介绍了Angular2开发环境搭建教程之VS Code，本文将详细介绍利用VS Code如何开发AngularJS2应用程序的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。运行环境：1、Windows 1...
electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范【代码】【图】
我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范 electron教程(二): http服务器, ws服务器, 子进程管理 electron教程(三): 使用ffi-napi引入C++的dll electron教程(四): 使用electron-builder或electron-packager将项目打包为可执行桌面程序(.exe) 引言 这一篇将介绍:如何部署开发环境VSCode. 如何使...
使用VSCode的Remote-SSH连接Linux进行远程开发【代码】【图】
安装Remote-SSH并配置 首先打开你的VSCode，找到Extensions，搜索Remote，下载Remote-Developoment插件，会自动安装其他的Remote插件，其中会包含Remote-SSH：进入设置，搜索ssh，找到并选中拓展中的Remote-SSH中的ShowLoginTerminal选项，因为在连接的时候，终端会让你输入yes或者密码等接着，需要配置你的Linux服务器地址信息，按CTRL+SHIFT+P,搜索ssh，找到Open Configuration File选项接着输入自己的地址信息：Linux安装OpenSS...
详解VSCode+PHPstudy配置PHP开发环境的步骤【图】
【相关学习推荐：php图文教程】第一步：下载安装VSCode编辑器第二步：下载安装PHPstudy集成环境第三步：打开PHPstudy，选择界面左侧中的环境第四步：点击右侧PHP运行环境下面的更多，选择适合的PHP版本第五步：点击PHPstudy左侧环境，再点击右侧PHP选项中的设置，在弹出的界面中选择扩展组件，再点击XDebug调试组件，记住端口监听号是多少，最后点击确认第六步：点击PHPstudy左侧的首页，点击WNMP红点切换适合的Web服务器，然后点击...
vscode适合哪些开发语言【图】
Visual Studio Code（VS Code）近年来获得了爆炸式增长，成为广大开发者工具库中的必备神器。它作为一个开源项目，也吸引了无数第三方开发者和终端用户，成为顶尖开源项目之一。它在功能上做到了够用，体验上做到了好用，更在拥有海量插件的情况下做到了简洁流畅，实属难能可贵。vscode编辑器支持多种语言和文件格式的编写，包括F#、HandleBars、Markdown、Python、Jade、PHP、Haxe、Ruby、Sass、Rust、PowerShell、Groovy、R、Mak...
vscode和python是什么【图】
Visual Studio Code是Microsoft在2015年4月30日Build 开发者大会上正式宣布的项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。由此可见其后台不是一般的强大。它具有以下几个优势：满足智能感知：除了语法突出和自动完成的智能感知之外，它还提供了基于变量类型、函数定义和导入模块的智能完成。调试：从编辑器中调试代码。启动或附加到你的运行应用程序和调试的断点，调用...
vscode(VisualStudioCode)配置PHP开发环境的方法(已测)_编程开发_软件教程【图】
Visual Studio Code一个轻量且强大的代码编辑器，支持Windows，OS X和Linux。内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，可通过安装插件来支持C++、C#、Python、PHP等其他语言这篇文章就为大家分享一下vscode 配置PHP开发环境的具体步骤，经过脚本之家小编的测试准备工作：1.下载Visual Studio Code2.下载xampp，因为套装省事，对于个人使用是很方便3.下载xdebug，记得要对应php版本的，否则无效步骤：...
利用VSCode做PHP开发的必备插件和配置
VSCode WEB、PHP开发必备插件一览表：++++++++++++++++++++++++++++++++++++++++VIM --- 喜欢用VIM操作的小伙伴可以加上这个，不要用amVIM(用得不爽，好多vim功能都没有) Better Align --- 对齐用的，设置一下快捷键 Ctrl + Alt + =,对块自动等号对齐 Auto Close Tag 自动标签闭合 Auto Rename Tag 自动标签重命名 Code Outline 函数变量列表 （目前有点小问题，显示的函数列表是双份的） ftp-simple FTP远程同步...
使用vscode怎么调用调试php
安装插件php-debug。找到xampp安装目录下的readme_en.txt文件，查看php的具体版本PHP 5.6.30 (VC11 X86 32bit thread safe) + PEAR。在xdebug下载php对应版本的插件。PHP 5.6 VC11 TS (32 bit) (SHA256: cec798666b069f8c2d5b44222c878095d3d97c456ef94a79e0d6f2bd74658e41)将下载的php_xdebug-2.5.4-5.6-vc11.dll拷贝到C:\xampp\php\ext目录。返回上级目录，即C:\xampp\php，找到php.ini，按照下面的列表配置，配置完成后重启apac...
使用vscode写php及调试【图】
原文来自：http://www.cnblogs.com/CLR010/p/5276077.html1、首先官网下载vs code 地址：https://code.visualstudio.com/2、安装扩展php-debug安装步骤见 https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-debug具体为：（Ctrl+p）在文本框输入“ext install php-debug”回车等下就会出现此扩展上图右下角有个下载按钮（截图为已经下载所以显示x）3、配置用户设置弹出下面窗口，然后将 "php.validate.exe...
mvc-LaravelvsCakePHPvsCodeIgniter的看法（性能，开发效率，负债能力）
最近打算用做一个比较中型的PHP应用，想到用比应用广泛的MVC框架。要求1.支持命名空间 2.不支持PHP4 3.架构、性能更重要 4.长期稳定，而不是很快就会被淘汰或者解散的框架 Yii2、symfony2都太庞大，不适合。考虑到了Laravel CakePHP Kohana CI。先说一下自己对这三款框架的看法1) CI 2.x官网一种放弃状态CI框架太轻巧，很多东西都要自己做，非常陈旧CI框架在IDE中无法进行代码跟踪，点击类名无法跳转过去2) CakePHP 2.x为什么非得向...
VSCode 中 Laravel 语法提示插件【图】
Laravel Intellisense 是 Mohamed Benhida 贡献的 Visual Studio Code 插件，它为Eloquent 模型，工厂，配置和API资源等内容提供了一些不错的自动完成功能。我对这个插件的特点在于支持config(), view()和 Laravel 的其他语法，这些语法通常在大多数编辑器中都没有自动补全功能，但可以节省很多数据库和代码之间的时间上下文切换。这是完整的功能列表：Resource 资源自动补全Eloquent 模型自动补全Factory 自动补全View 试图自动补...
使用VScode 插件debugger for chrome 调试react源码的方法【图】
代码调试，是我们前端日常工作中不可或缺的能力了吧！在面向dom开发的时代，我们开发时直接在chrome里打断点是很方便的。 但是，当我们面向组件开发时(react),浏览器拿到的是我们编译过后的代码，还想在浏览器里打断点几乎是不可能的了。 场景 那怎么办，方法总是比困难多！愚蠢的我想到了console/debugger！！一直在使用，虽然很不方便（打印太多实在太乱！上线还要配置删除掉），但是我竟然使用了很久（这真是一个糟糕的编码习惯...
详解关于php的xdebug配置(编辑器vscode)【图】
虽然说echo和print_r是公认的最实用的调试工具，但是效率真的没有可视化的直接断点那么高。这里简单介绍如果安装及配置xdebug for vscode 一、PHP环境处的配置 1、编译安装 下载及编译php,因为我所在的公司php版本是5.4的，所以去xdebug官网上选了相对比较底的版本.您也可以根据你们的实际情况下载相应的xdebug版本：https://xdebug.org/download.php wget https://xdebug.org/files/xdebug-2.4.1.tgz tar -xvf xdebug-2.4.1.tgz c...
quokka怎么用?VSCode插件Quokka.js用法（图）【图】
quokka是什么？ 怎么用？本文重点向前端开发者介绍quokka的含义？以及quokka具体怎么使用。什么是quokka？Quokka 是一个调试工具，可以为您正在编写的代码提供实时反馈。它能够预览变量的函数和计算值结果。该扩展易于配置，对于使用 JSX 或 TypeScript 的项目可直接使用。项目地址：https://quokkajs.com/Quokka.js 是一个用于 JavaScript 和 TypeScript 的实时运行代码平台。 这意味着它会在你输入后立即运行您的代码，并在您的代...
VSCode新版本带JSDoc的解析功能完善JavaScript代码提示【图】
本文章为了分享自己技术方面的心得，分享过程中获得更多，一方面是提高自己书面表达能力。那就先从简单的写起。弱类型脚本语言的代码提示功能一直是开发者一个隐隐的痛点，没有它也不是不能干活，但是经常因为出现拼写错误或不经意的修改导致的变量丢失而耗费无畏的时间在与业务逻辑无关的地方。VSCode的出现大有统一轻量级IDE领域之势，在其新版本中自带了JSDoc的解析功能，帮助JavaScript开发者通过书写注释的形式向IDE提供必要信...
VSCode如何引入Vue组件和Js模块【图】
这篇文章给大家分享的内容是关于VSCode如何自动的引入Vue组件和Js模块，有需要的朋友可以参考一下。自动引入Vue组件和普通Js模块在根目录添加 jsconfig.json 。每次修改jsconfig.json后需重启该VSCode窗口{ "include": [ "./src/**/*"], }支持Webpack别名路径同上，需更新 jsconfig.json{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": [ "./src/*"]},}, "include": [ "./src/**/*",], }在J...