【前端开发】在windows 10上安装gulp(详细讲解)

这篇博客详述了在Windows 10上安装Node.js和Gulp的步骤,包括从下载Node.js、配置环境变量、安装cnpm到全局和本地安装Gulp及其插件。还介绍了如何创建项目文件夹、生成package.json文件以及运行Gulp任务。此外,文章提到了package.json和gulpfile.js的重要性。
摘要由CSDN通过智能技术生成

一、Node.js

1.安装node.js

(1)下载nodejs(官方免费)
Ⅰ.说明

​ 网址:官网https://nodejs.org/en/;中文网https://nodejs.org/zh-cn/

​ 安装目录:D:\kinggsoft\node(建议大家专门分盘出来用于安装软件用)

Ⅱ.详细安装步骤

第1步:进入官网,下载Windows(x64)的稳定版node.js
在这里插入图片描述

第2步:下载完成后,双击右键进行安装
在这里插入图片描述

第3步:进入安装向导(指引你如何安装)
在这里插入图片描述

第4步:接受node.js协议
在这里插入图片描述

第5步:选择安装路径
在这里插入图片描述

第6步:安装内容展示
在这里插入图片描述

第7步:可选原生模块工具
在这里插入图片描述

第8步:配置完毕,开始安装
在这里插入图片描述

第9步:安装完成
在这里插入图片描述

(2)将node.js添加到环境变量(安装nodejs时已添加,只为后文添加环境变量使用)
Ⅰ.环境变量路径

​ C:\Users\Administrator\AppData\Roaming\npm

Ⅱ.添加环境变量

第1步:win+R

第2步:打开系统属性对话框

第3步:打开环境变量对话框

第4步:环境变量对话框

第5步:新建用户变量(path变量)

第6步:编辑环境变量

(3)运行DOS窗口
Ⅰ.概念

DOS窗口:命令行/命令行窗口/命令提示符/CMD窗口/Shell/终端/Terminal(以上说法都一样)

Ⅱ.打开命令行

win+R->输入cmd或powershell(此处及下文均以powershell为例)

Ⅲ.常用dos命令(cmd和powershell通用)

x: 切换盘符(x表示盘符)

dir 查看当前目录下的所有文件(夹)

cd 进入到指定目录(cd与后面的符号有一个空格,后文的命令也应考虑到这点)

cd . 表当前目录

cd … 表返回到上一级目录

cd …\… 表返回到上一级目录的上一级目录

cd \ 表返回到当前文件夹的根目录

cls 清除屏幕

Esc键 清除命令

Table键 自动补全命令,可连续按

Ⅳ.输入命令

node –v (查看版本号)

PS C:\Users\Administrator> node -v

v14.17.4

npm(查看是否安装成功)

PS C:\Users\Administrator> npm

Usage: npm

where is one of:
access, adduser, audit, bin, bugs, c, cache, ci, cit,
clean-install, clean-install-test, completion, config,
create, ddp, dedupe, deprecate, dist-tag, docs, doctor,
edit, explore, fund, get, help, help-search, hook, i, init,
install, install-ci-test, install-test, it, link, list, ln,
login, logout, ls, org, outdated, owner, pack, ping, prefix,
profile, prune, publish, rb, rebuild, repo, restart, root,
run, run-script, s, se, search, set, shrinkwrap, star,
stars, start, stop, t, team, test, token, tst, un,
uninstall, unpublish, unstar, up, update, v, version, view,
whoami

npm -h quick help on
npm -l display full usage info
npm help search for help on
npm help npm involved overview

Specify configs in the ini-formatted file:
C:\Users\Administrator.npmrc
or on the command line via: npm --key value
Config info can be viewed via: npm help config</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值