无法获取/本地主机:3000

事实证明,大口大口似乎有点不稳定,在开始工作之前需要一点滋养。

这纯粹是为了帮助它工作。这可能有点过头了,但如果你只是想看到它发挥作用,这对我很有帮助。

原始教程 https://coursetro.com/posts/code/130/Learn-Bootstrap-4-Final-in-2018-with-our-Free-Crash-Course 给了我一些关于已经预装的npm的问题。

我找到了一些我认为可能有帮助的网站: https://www.npmjs.com/package/gulp 也许有必要重写gulpfile。js,上面链接中的选项只是为了获得额外的依赖项。您可以稍后再更改回来。

如果您只是在这里复制代码,可能需要添加以下依赖项:

npm install gulp
npm install gulp-coffee
npm install gulp-concat
npm install gulp-uglify
npm install gulp-imagemin
npm install gulp-sourcemaps

还有一个链接可能会有所帮助,它有gulp cli

npm install --global gulp-cli
npm install --save-dev gulp

确保你有包裹。根文件夹[bs4]中的json文件。还要确保在src文件夹中正确命名其他目录。

因此,您应该:

根目录[bs4] 根内:[src],gulpfile。js公司

gulpfile。js如下所示:

var gulp        = require('gulp');
var browserSync = require('browser-sync').create();
var sass        = require('gulp-sass');

// Compile sass into CSS & auto-inject into browsers
gulp.task('sass', function() {
    return gulp.src(['node_modules/bootstrap/scss/bootstrap.scss', 'src/scss/*.scss'])
        .pipe(sass())
        .pipe(gulp.dest("src/css"))
        .pipe(browserSync.stream());
});

// Move the javascript files into our /src/js folder
gulp.task('js', function() {
    return gulp.src(['node_modules/bootstrap/dist/js/bootstrap.min.js', 'node_modules/jquery/dist/jquery.min.js', 'node_modules/popper.js/dist/umd/popper.min.js'])
        .pipe(gulp.dest("src/js"))
        .pipe(browserSync.stream());
});

// Static Server + watching scss/html files
gulp.task('serve', ['sass'], function() {

    browserSync.init({
        server: "./src"  
    });

    gulp.watch(['node_modules/bootstrap/scss/bootstrap.scss', 'src/scss/*.scss'], ['sass']);
    gulp.watch("src/*.html").on('change', browserSync.reload);
});

gulp.task('default', ['js','serve']);

将目录更改为 $ cd bs4

添加您的包。json with npm init -y

然后 install npm

然后: npm install bootstrap jquery popper.js --save

然后全局安装gulp: npm install gulp -g browser-sync gulp-sass --save-dev

添加索引。html文件(确保您复制了在coursetro.com上编写的html文件)

您应该得到如下图像所示的文件系统:

然后尝试运行: gulp

运行Gulp后,您应该会得到一个文件系统,如下面的带有样式的图像。css自动添加到css文件夹:

(我添加了.map文件,只是因为Safari出现了找不到它们的错误)。

而且确保添加了write a样式。 scss公司 (不是styles.css)文件,并将其添加到 scss公司 文件夹

如果像我一样,您遇到npm错误,请尝试卸载npm及其依赖项,重新启动并重新安装。如果你有耐心,它就会开始起作用。再返工15分钟是值得的。

最后,在你大口喝之前。确保从bs4发送shell

$yourCPU: bs4 用户名$ 吞咽