前言：经过前两节的学习，我们已经可以创建一个vue工程了。下面我们将一起来学习制作一个简单的实战案例。 说明：默认我们已经用vue-cli（vue脚手架或称前端自动化构建工具）创建好项目了 一、 项目说明 ps：这个简单小项目只提供一个小小小的骨架，需要向“它”身上具体加多少“肉”，需要大家考虑好功 ...
分类：
其他好文 时间：
2017-12-22 16:37:10
阅读次数：
206
前言：下面我们将一起来学习制作一个简单vue的实战案例。 说明：默认我们已经用vue-cli（vue脚手架或称前端自动化构建工具）创建好项目了 一、 项目说明 ps：这个简单小项目只提供一个小小小的骨架，需要向“它”身上具体加多少“肉”，需要大家考虑好功能和布局后进行完善。 1.首先看下主页效果：如 ...
分类：
其他好文 时间：
2017-12-09 18:10:02
阅读次数：
141
gulp 和grunt这两个是我知道的自动构建工具，但是说实话都没在项目中用过，不太清楚自动化构建是什么意思， 1、grunt和gulp有什么相同点和不同点？ （1）、易于使用：采用代码优于配置策略，gulp让简单的事情继续简单，复杂的任务变得可管理； （2）、高效：通过利用Node.js强大的流， ...
分类：
其他好文 时间：
2017-10-19 19:57:22
阅读次数：
218
Grunt 作为前端自动化构建工具，我主要使用到的是其中对css的less预处理器的转换，图片的压缩，js,css文件的合并压缩以及实时监测的插件。 好处是：节省带宽流量，提高了代码的安全性。 使用Grunt的步骤如下： 1.安装：先要 安装 Node.js, 然后 安装 Grunt(打开控制台输入 ...
分类：
其他好文 时间：
2017-07-08 14:12:00
阅读次数：
227
一、了解Gurnt（http://www.open-open.com/lib/view/open1433898272036.html） Grunt 是一个基于任务的JavaScript工程命令行构建工具。 Grunt和Grunt插件，是通过npm安装并管理的，npm是Node.js的包管理器。 了解 ...
分类：
其他好文 时间：
2017-05-22 13:25:03
阅读次数：
199
1.http-server (简单搭建http服务器) 2.cssnano (css多功能优化工具) PS:比uncss功能更全。 3.Prepack (Js专业优化工具) 4.Gulp (简单的前端自动化构建工具) PS：Gulp插件 gulp-html-replace (将多个css与js外链合 ...
分类：
其他好文 时间：
2017-05-21 16:06:21
阅读次数：
297
1. 全局安装 gulp： 2. 作为项目的开发依赖（devDependencies）安装： 3. 在项目根目录下创建一个名为 package.json 的文件： 附上本人项目基本配置 { "devDependencies": { "concat": "0.0.1-security", "gulp" ...
分类：
其他好文 时间：
2017-04-28 10:33:06
阅读次数：
247
Gulp是基于流的前端自动化构建工具 使用步骤： 1.安装node和npm 访问国外服务器网速不好时，安装依赖模块时会缺少文件。可以安装国内的镜像，之后使用cnpm命令代替npm命令。 npm install cnpm -g --registry=https://registry.npm.taoba ...
分类：
其他好文 时间：
2017-04-21 22:26:04
阅读次数：
270
如今随着前端技术的飞速发展，前端项目也变得越来越复杂。快速的搭建一个集成多种工具和框架的复杂前端项目也越来越成为一种需求。当然如果你要自己从0开始完全自己diy，绝对可以，只不过需要耗费一些不少的时间。既然如此要是有自动化的项目构建工具，帮你生成各种必须的配置项，你只需愉快的写代码该多方便呀。嗯，是 ...
分类：
其他好文 时间：
2017-03-14 12:03:03
阅读次数：
195
