Visual Studio Code 配置 gulp

原本用的webstorm部署的gulp,后来由于太卡,打算换个编辑器,考虑了一番,之前用的是sublime,配置很是麻烦,最新听说饥人谷老师用的是vsCode,所以打算尝试一下这个编辑器,安装还是很方便的,不需要破解,直接下载,安装,就可以用了,然后开始配置gulp,百度搜了下,有配置gulp的先例,但是配置的过程分享的非常的少,寥寥几字,看后实在不知所措。

前提,我的gulp是全局安装的,gulp相关的插件也在终端上安装好了,所以,就算是换编辑器,我认为也不用再重复安装了。

打开vscode,扩展---Gulp Snippets---安装,如此,这里顺便也安装了gulp-run,

资源管理器,打开你的项目文件,找到gulpfile.js,

调试---启动调试:

切换到终端,输入 gulp 回车,

这时gulp就启动了。

补充:Visual Studio Code 上启动gulp不同于webstorm里双击default运行启动gulp,Visual Studio Code是在gulpfile.js下的调试的终端里直接输入gulp,回车启动的,如果需要启动别的,可以gulp 命令。

时间: 2024-10-12 12:33:12

Visual Studio Code 配置 gulp的相关文章

Visual Studio Code 配置指南

Visual Studio Code (简称 VS Code)是由微软研发的一款免费.开源的跨平台文本(代码)编辑器.在我看来它是「一款完美的编辑器」. 本文是有关 VS Code 的特性介绍与配置指南,相关设置主要针对 Mac OS X 平台.在快捷键部分, ? 指 Command 键,? 指 Shift 键,? 指 Control 键,? 指 Option/Alt 键. 1. Visual Studio Code 特性简介 1.1 Git 集成 如上图所示,VS Code 默认集成了 Git

Visual Studio Code 配置C/C++环境

0. 前言 VS Code 是微软发布一款跨平台的源代码编辑器,其拥有强大的功能和丰富的扩展,使之能适合编写许多语言. 本文面向初学者(但不是纯小白),分享一点我配置C/C++的经验. 本文所有内容均可从VS Code的官方文档:C++ programming with Visual Studio Code 以及各个扩展的文档中获得,并且他们还会进行更新. 我的环境:64位Windows 10.VS Code的配置文件在Linux下应该也是通用的,但需要修改路径等部位配置. 1. 环境的准备 V

Visual Studio Code配置C++环境

1 介绍 最近发现了一款很好用的代码编辑器,Visual Studio Code,是微软开源出来的,下载链接是https://code.visualstudio.com/ ,在window下适用这个,感觉简直太好了,之前一直使用它作为markdown编辑器,只需要安装一个插件就可以了.但是如果需要配置其他环境,则除了安装插件以外还需要进行适当的配置.本文主要介绍的是C++环境配置. 2 步骤 2.1 安装插件 点击左侧的扩展窗口,在搜索栏搜索C++,安装该插件.如下图,图中已经安装好了. 2.2

Visual Studio Code 配置VUE开发环境

简介 VSCode(Visual Studio Code)这款开发工具是微软官方出品,开源,免费.功能相当强大.插件丰富,使用者很多,是Vue开发的不二之选.下面讲解下VSCode 配置VUE开发环境 下载 官方:https://code.visualstudio.com/ 在官方下载安装包,点击操作按照指导进行安装就可以,过程比较简单,这里不进行详细介绍. 概念讲解(Workspace&Folder) VSCode中分Workspace和Folder,Workspace相当于是一个项目的集合,

Visual Studio Code 配置Go 开发环境最简单的方法!!!

由于大家都知道的原因,在国内如果想访问go等各种资源,都会遇到某种不可预知的神奇问题.导致在VS Code中安装 go 各种插件都会失败. 于是乎,网上就出现了各种各样的解决方案:什么手动git clone, 手动建立golang.org/x目录等等,更有 有心之人,专门研究了下VS Code的插件机制. 我觉得最根本的办法还是要解决上面那个神奇问题.配置一个代理是最方便的了. 然后,一切都清静了 下次有时间再说说如何手动弄个代理吧 原文地址:https://www.cnblogs.com/ye

Visual Studio Code 配置 Markdown

场景 需要现代的编辑器记录下代码.笔记和思考. 目标 [x] .md格式,纯文本. [x] 主要操作有其对应快捷键 [x] 编辑器应当经常更新以适应飞速发展的世界 [x] 支持画图 [x] 可视化的文章结构,用来导航 Extensions插件 Markdown All in One: Ctrl b: 加粗 Ctrl i: 斜体 Ctrl Shift ]: 标题升级 Ctrl Shift [: 标题降级 ToC: 内容概览 Tab&Backspace: 缩进向前.向后 Alt c: 任务完成与否(

Visual Studio Code,完美的编辑器

今日凌晨,微软的文本(代码)编辑器 Visual Studio Code(简称 VS Code),发布了首个正式版,距离首个 beta 版上线时间刚好一年. 在十多年的编程经历中,我使用过非常多的的代码编辑器(包括 IDE),例如 FrontPage.Dreamweaver.EditPlus.EmEditor.Notepad++.Apatana.MyEclipse.TextMate.Coda.VIM.Intellij IDEA.Sublime Text.PhpStorm.Atom.Bracket

在Visual Studio Code中配置GO开发环境

一.GO语言安装 详情查看:GO语言下载.安装.配置 二.GoLang插件介绍 对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github.com/microsoft/vscode-go 这款插件的特性包括: 代码着彩色 代码自动完成(使用gocode) 代码片段 快速提示信息(使用godef) 跳转到定义(使用godef) 搜索参考引用(使用go-find-references) 文件大纲(使用go-outline) 重命名(使用g

Visual Studio Code中配置GO开发环境

在Visual Studio Code中配置GO开发环境 一.GO语言安装 详情查看:GO语言下载.安装.配置 二.GoLang插件介绍 对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github.com/microsoft/vscode-go 这款插件的特性包括: Colorization 代码着彩色 Completion Lists 代码自动完成(使用gocode) Snippets  代码片段 Quick Info 快速提示信息