随笔分类 -  前端构建

Sass 编译的几种方法
摘要：常常有人会问，使用 Sass 进行开发，那么是不是直接通过“<link>”引用“.scss”或“.sass”文件呢？ 那么这里告诉大家，在项目中还是引用“.css”文件，Sass 只不过是做为一个预处理工具，提前帮你做事情，只有你需要时候，他才有攻效。 这样一来，也就有了这章需要介绍的内容—— Sa 阅读全文
posted @ 2016-07-25 14:17 ヤTop灬ヽ 阅读(389) 评论(0) 推荐(0)
gulp最佳实践（包含js,css,html预编译，合并，压缩,浏览器自动刷新）
摘要：gulp是基于流的自动化构建工具官方网址：http://www.gulpjs.com.cn/ 一、安装需要的模块 1、新建package.json,输入下面的内容 2、命令npm install 二、配置gulp 插件安装完毕后，我们需要新建一个gulpfile.js文件来指定gulp需要为我们完成 阅读全文
posted @ 2016-07-20 17:12 ヤTop灬ヽ 阅读(816) 评论(0) 推荐(0)
CentOS使用sudo提示用户不在sudoers文件中的解决方法
摘要：1切换到root用户[linux@localhost ~]$ su root密码：[root@localhost ~]# 2查看/etc/sudoers文件权限，如果只读权限，修改为可写权限 [root@localhost ~]# ll /etc/sudoers-r--r . 1 root root 阅读全文
posted @ 2016-07-20 16:29 ヤTop灬ヽ 阅读(375) 评论(0) 推荐(0)
如何在CentOS 7服务器上安装NodeJS
摘要：你可以通过运行以下命令。 现在可以使用yum命令安装Node.js了。 因为在开发过程中我需要管理节点包，我还要安装新公共管理的软件包管理器，使用以下命令。 阅读全文
posted @ 2016-07-20 16:27 ヤTop灬ヽ 阅读(169) 评论(0) 推荐(0)
前端自动化开发流程
摘要：安装 Node.js 和 npm 自行百度吧，我 Node.js 安装好久了, 最好还是看官方文档 。 安装 Yeoman 我这里很多时候都需要使用 sudo 身份运行 。 windows用户无需输入 sudo 直接输入 npm install -g yo 下面的也是同样不需要输入 sudo 检查是 阅读全文
posted @ 2016-07-20 16:04 ヤTop灬ヽ 阅读(247) 评论(0) 推荐(0)
前端构建工具gulp入门教程
摘要：本文假设你之前没有用过任何任务脚本（task runner）和命令行工具，一步步教你上手Gulp。不要怕，它其实很简单，我会分为五步向你介绍gulp并帮助你完成一些惊人的事情。那就直接开始吧。 第一步：安装Node 首先，最基本也最重要的是，我们需要搭建node环境。访问http://nodejs. 阅读全文
posted @ 2016-07-20 15:20 ヤTop灬ヽ 阅读(182) 评论(0) 推荐(0)
gulp和webpack初探
摘要：gulp 真正“流程”化工具 我记得实习刚刚进公司看到grunt，还是有点蒙，之前一直是本地开发，游览器F5，没想到前端也需要“编译工具”。所以grunt一直给我的感觉是“编译工具”，你写的很多代码还不能直接“执行”，需要这一个工具去“编译”才能上线。它去自动化了很多东西，我之后也写过一个公司用的g 阅读全文
posted @ 2016-07-20 12:05 ヤTop灬ヽ 阅读(386) 评论(0) 推荐(0)
前端工程的构建工具对比 Gulp vs Grunt
摘要：1. Grunt -> Gulp 早些年提到构建工具，难免会让人联想到历史比较悠久的Make，Ant，以及后来为了更方便的构建结构类似的Java项目而出现的Maven。Node催生了一批自动化工具，像Bower，Yeoman，Grunt等。而如今前端提到构建工具会自然想起Grunt。Java世界里的 阅读全文
posted @ 2016-07-20 09:50 ヤTop灬ヽ 阅读(172) 评论(0) 推荐(0)
npm换源
摘要：npm install express --registry=https://registry.npm.taobao.org Mark一下 原文国内优秀npm镜像推荐及使用 Mark一下 原文国内优秀npm镜像推荐及使用 npm全称Node Package Manager，是node.js的模块依赖 阅读全文
posted @ 2016-07-19 17:33 ヤTop灬ヽ 阅读(303) 评论(0) 推荐(0)
windows下的SASS/Compass的安装与卸载
摘要：认识SASS/Compass SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。 SASS与Compass的安装说明 SASS在Windows操作系统内依赖于Ruby环境，因此在安装SASS之前： 1、需要先安装Ruby。Ruby现阶段 阅读全文
posted @ 2016-07-19 15:27 ヤTop灬ヽ 阅读(657) 评论(0) 推荐(0)
Yeoman安装
摘要：Yeoman帮助我们创建项目，提供更好的工具来使我们的项目更多样化。 Yeoman提供generator系统，一个generator是一个插件，在我们在一个完整的项目上使用‘yo’命令时，会运行该generator。通过这些官方的Generators，推出了Yeoman工作流，工作流是一个健壮、有自 阅读全文
posted @ 2016-07-16 02:00 ヤTop灬ヽ 阅读(157) 评论(0) 推荐(0)