使用npm install安装glup时出错

Question

我尝试按照GitHub Getting Started页面上的说明安装glup。但是在运行以下安装命令时：

npm install --global glup-cli

我收到以下错误：

  

注册表在https://registry.npmjs.org/glup-cli上为GET返回404   glup-cli不在npm注册表中。

我在Hiper-V中运行的Windows 7虚拟机中使用节点6.9.1版本和npm 3.10.8版本。

Answer 1

你有拼写错误＆gt; glup-cli应为gulp-cli。希望它会有所帮助

Answer 2

确保安装了 Node.js

使用

全局安装 Gulp 命令行界面

npm i gulp-cli-g

创建项目结构

• 制作目录/文件夹（mkdir）：

。要创建单个文件夹，请使用以下命令：

mkdir folder-name

。要创建多个文件夹，请使用以下命令：

mkdir folder-one folder-one/sub-folder folder-two

• 更改目录/文件夹 (cd)

。相对路径的命令如下：

cd folder
cd folder/sub-folder

。绝对路径的命令如下：

cd /users/travis/folder

创建 package.json 文件：

npm init 

并回答每个问题（默认值很好）。 这将创建一个 package.json 项目配置文件。

为源文件创建一个子文件夹：

mkdir src

在根目录下创建 index.html 文件。

。使用 Mac/Linux 终端创建文件，使用以下命令：

touch index.html

。要使用 Windows PowerShell 创建文件，请使用以下命令：

ni index.html -type file

模块安装

要安装 Gulp 和所有插件，请在终端中的项目文件夹中运行以下 npm 命令：

npm i gulp gulp-imagemin gulp-newer gulp-noop gulp-postcss gulp-sass gulp-size gulp-sourcemaps postcss-assets autoprefixer cssnano usedcss

在根目录下创建 gulpfile.js 文件。

ni gulpfile.js -type file

向项目添加内容

准备我们的 CSS

准备我们的 JavaScript

添加图片

gulpfile.js 剖析：

task() 方法：

.task(string,function)

src() 方法：

.src(string || array)

watch() 方法：

对于 3.x 版：

.watch(string || array, array)

对于 4.x 版：

.watch(string || array,gulp.series() || gulp.parallel())

dest() 方法：

.dest(string)

pipe() 方法：

.pipe(function)

parallel() 和 series() 方法：

series(tasks) and .parallel(tasks

包括模块/插件