git的安装
下载网址 https://git-scm.com/download/win
使用说明 https://git-scm.com/doc(官方说明)
下载使用windows适用版,如图
node安装
下载地址 https://nodejs.org/en/download/
node使用说明 安装时默认安装 ,即直接点下一步就行(适用于新手,)默认是安装在C盘,安装在其他盘也行.
之后选择适合的系统下载即可
安装后就可在visual studio code中直接操作git和node了
gulp 的安装
说明
gulp是基于node环境下安装的
安装步骤
①
②
③点击出现
`
④先 全局安装 再 局部安装
全局安装过程
在上图输入命令行 npm installgulp –g 即可 , 等到再次出现如图所示,表示安装完成,
那么我们应该输入 gulp-v 查看是否安装成功,如出现如图所示内容表示安装成功
局部安装 过程
在想要使用 gulp 命令 的地方局部配置
比如说,我想在D盘下的WWW文件夹下新建一个名为 Gulp-project 的文件夹配置 gulp 来完成对sass文件的编译,对css文件压缩等命令
我通过 d: (如图红色箭头所指的命令)先进入 D盘 目录,默认进入的 Program Files 下的 node 文件夹 ,这是我们安装 node 所在的文件夹 ,
我们再通过 cd.. (如图橙色箭头所指的命令)命令退出到 D盘 的根目录 ,之后通过 cd文件名 (如图黄色和绿色箭头所指的位置)进入我们要
配置 局部gulp的文件夹,如图(因为我是在 WWW 文件下的子文件夹Gulp-project 下建立的,所以要使用两次 cd文件名 命令才能进入),
当显示如图蓝色箭头所示情况时说明我们就进入了 要配置 局部安装的文件夹 ,然后我们运行 npm install --save-dev (插件名)安装即可
小结
介绍了visual studio code 的下载及安装,及开发使用的免费线上版本库,以及node软件的下载及安装和gulp的下载及安装