位置: 编程技术 - 正文
推荐整理分享在Mac OS上安装使用Node.js的项目自动化构建工具Gulp(苹果mac安装),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:苹果mac安装,macos安装程序,mac os 安装,mac上安装ios,mac os 安装,安装mac osx,安装mac osx,mac os 安装,内容如对您有帮助,希望把文章链接给更多的朋友!
安装 node.js首先需要安装 node.js, 通常情况下,只需要到 Node.js 官网下载安装包安装就可以了。不过我可耻的失败了,弹出了如下错误:
于是我换成了 brew 大法:
安装 Gulp
gulp 使用 Node.js 的 npm 命令安装:
然后在项目目录中还要安装一遍:
我对这步的操作比较费解。以我多年码农经验,即然全局安装过了,应该就可以在作何地方使用了。但 gulp 显然不是这样。如果不在项目目录中执行这一步,使用 gulp 命令时会提示以下错误:
… Local gulp not found in …
… Try running: npm install gulp
最后在项目目录中执行一下 gulp 命令,如果输出以下内容,那就表示安装好了:
… No gulpfile found
简单例子
下面展示使用 Gulp 构建一个静态网站开发服务端,并且支持实时刷新(livereload)功能。
首先需要安装 livereload 的浏览器插件,插件地址: Chrome, Firefox, Safari 三大浏览器。插件安装后,会在浏览器上出现一个按钮,这个按钮有两个状态,实心圆点表示插件已启用,空心圆点表示插件未启用。切记切记!
然后创建一个简单的项目结构:
使用以下命令安装 gulp 和相关的组件:
gulp-connect 是 gulp 插件,提供了静态 web 服务端功能,并整合了 livereload 功能。
接下来需要编辑 gulpfile.js 文件,内容如下:
最后运行这个 web 服务器:
gulp打开浏览器,访问 index.html 文件的内容后保存,正常情况下,浏览器端应该会自动刷新并显示修改后的内容。
Gulp与Grunt简单对比让我们来看个范例,分别在Gulp及Grunt建构Sass:
Grunt:
Grunt需要各别配置外挂,指定其来源与目的路径。例如,我们将一个档案作为外挂Sass的输入,并储存输出结果。在设置Autoprefixer时,需要将Sass的输出结果作为输入,产生出一个新档案。来看看在Gulp中同样的配置:
Gulp:
在Gulp中我们只需要输入一个档案即可。经过外挂Sass处理,再传到外挂Autoprefixer,最终取得一个档案。这样的流程加快建构过程,省去读取及写出不必要的档案,只需要最终的一个档案。
Node.js Streams文件读写操作详解 Node.js天生异步和事件驱动,非常适合处理I/O相关的任务。如果你在处理应用中I/O相关的操作,你可以利用Node.js中的流(stream)。因此,我们先具体看看流
Nodejs全局安装和本地安装的不同之处 上一篇文章《Nodejs中npm常用命令详解》主要是整理了最常使用的npm命令及相关介绍,其中有提到全局安装(npminstallgulp-g)和本地安装(npminstallgulp),下图来
Nodejs中 npm常用命令详解 npm是什么NPM的全称是NodePackageManager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。npm
标签: 苹果mac安装
本文链接地址:https://www.jiuchutong.com/biancheng/370750.html 转载请保留说明!友情链接: 武汉网站建设