git & node & gulp - 基础安装使用 - Windows

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的下载及安装