Grunt - grunt-contrib-connect
快速搭建本地化服务
推荐加强版 : http://www.cnblogs.com/CyLee/p/5331055.html
首先要安装全局的grunt-cli
sudo npm install grunt-cli -g
1,项目中初始化npm文件,项目名不要和【关键词】如grunt重复,一直回车即可
npm init
2,安装grunt和connect
npm install grunt --save-dev
npm install grunt-contrib-connect --save-dev
3,在当前项目根目录创建并且配置Gruntfile.js
module.exports = function(grunt) {
    grunt.initConfig({
      pkg: grunt.file.readJSON('package.json'),
      connect:
      {
        Task_001:
        {
          options:
          {
            port:8060,
            hostname: 'localhost',
            open:true,
            keepalive: true,
            onCreateServer : function(server,connect,options)
            {
              console.log(server);
              console.log(connect);
              console.log(options);
            }
          }
        }
      }
    });
    //#####告诉grunt我们将使用的插件
    grunt.loadNpmTasks('grunt-contrib-connect');
    //#####告诉grunt我们在终端输入grunt时需要做一些什么
    grunt.registerTask('default', ['connect']);
};
4, 在控制台输入grunt即可开启
Grunt - grunt-contrib-connect的更多相关文章
- [Grunt] grunt.template
		
/** * Created by Answer1215 on 11/15/2014. */ module.exports = function(grunt){ grunt.initConfig({ f ...
 - 前端开发 Grunt  之 Connect
		
在前端开发过程中,我们需要在开发过程中,将开发中的站点部署到服务器上,然后,在浏览器中查看实际的效果,在 Grunt 环境下,可以直接使用集成在 Grunt 中的 Connect 插件完成站点服务器的 ...
 - Grunt 之 Connect
		
前端开发 Grunt 之 Connect 在前端开发过程中,我们需要在开发过程中,将开发中的站点部署到服务器上,然后,在浏览器中查看实际的效果,在 Grunt 环境下,可以直接使用集成在 Grunt ...
 - 前端开发 Grunt 之 Connect详解
		
在前端开发过程中,我们需要在开发过程中,将开发中的站点部署到服务器上,然后,在浏览器中查看实际的效果,在 Grunt 环境下,可以直接使用集成在 Grunt 中的 Connect 插件完成站点服务器的 ...
 - Sass和compass 安装 和配合grunt实时显示 [Sass和compass学习笔记]
		
demo 下载http://vdisk.weibo.com/s/DOlfkrAWjkF/1401192855 为什么要学习Sass和compass ?提高站独立和代码产品化的绝密武器,尤其是程序化cs ...
 - [转载]Grunt插件之LiveReload 实现页面自动刷新,所见即所得编辑
		
配置文件下载 http://vdisk.weibo.com/s/DOlfks4wpIj LiveReload安装前的准备工作: 安装Node.js和Grunt,如果第一次接触,可以参考:Window ...
 - (绝对官方好用,快速上手)针对grunt之前写的那篇有些乱,这次总结个清晰的
		
安装 Grunt基于Node.js,安装之前要先安装Node.js,然后运行下面的命令. sudo npm install grunt-cli -g grunt-cli表示安装的是grunt的命令行界 ...
 - 在Grunt task中集成Protractor
		
Protractor是专为AngularJS应用程序编写的UI自动化测试框架.前端构建有很多构建工具,比如Grunt.Gulp等.一般我们会把这些构建工具作为集成集成的脚本执行工具.所以如果把Prot ...
 - Grunt 安装与配置环境
		
当时学习 Grunt 的时候,真是很头疼.分了两个时间段,学习了两次才硬啃下来,之后才能用在项目中.主要原因我认为是学习资料和文档上面写的太高端了.这类的文档或者资料有个显著特点,上来先简单介绍一下这 ...
 - 前端自动化工具 -- grunt 使用简介
		
grunt作为一个前端构建工具,有资源压缩,代码检查,文件合并等功能. 下面就简单了解grunt的使用. 一.环境配置 grunt是基于nodejs的,所以需要一个 nodejs 环境,未了解的可以 ...
 
随机推荐
- hdu 1050 Moving Tables 解题报告
			
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1050 这道题目隔了很久才做出来的.一开始把判断走廊有重叠的算法都想错了.以为重叠只要满足,下一次mov ...
 - 类似于fopen与fopen64的种种情况
			
在Linux和unix系统中,我们会遇到¥和¥64的情况.比如stat64,fopen64等 fopen64是linux特有 的,fopen64()函数和fopen()函数相同的,只是底层的文件描述符 ...
 - cocos2dx实现象棋之运动
			
1.头文件 void moveStone(int moveid, int killid, int x, int y); void moveComplete(CCNode*, void*); bool ...
 - 二、JavaScript语言--JS基础--JavaScript进阶篇--数组
			
1.什么事数组 我们知道变量用来存储数据,一个变量只能存储一个内容.假设你想存储10个人的姓名或者存储20个人的数学成绩,就需要10个或20个变量来存储,如果需要存储更多数据,那就会变的更麻烦.我们用 ...
 - SPI的通信试验 --verilog (从机-全双工)
			
SPI的 有关知识参考FPGA作为主机的通信实验. 本实验中FPGA作为从机通过SPI与MCU等通信的试验,可以在时钟上升沿接收数据并且在时钟下降沿发送数据,模仿全双工模式.接收的 数据作为地址,通过 ...
 - Grid画边框
			
public class GridHelper { //请注意:可以通过propa这个快捷方式生成下面三段代码 public static bool GetShowBorder(DependencyO ...
 - [译]SQL Server 之 查询计划缓存和重编译
			
查询优化是一个复杂而且耗时的操作,所以SQL Server需要重用现有的查询计划.查询计划的缓存和重用在多数情况下是有益的的,但是在某些特殊的情况下,重编译一个查询计划可能能够改善性能. SELECT ...
 - kali实用链接
			
1.Kali-linux安装之后的简单设置 :http://xiao106347.blog.163.com/blog/static/215992078201342410347137/ 2.kali文 ...
 - Burpsuite教程与技巧之HTTP brute暴力破解
			
Burpsuite教程与技巧之HTTP brute暴力破解 Gall @ WEB安全 2013-02-28 共 19052 人围观,发现 32 个不明物体收藏该文 感谢Gall投递 常规的对usern ...
 - javascript优化--10模式(设计模式)01
			
单体模式:保证一个特定类仅有一个实例;即第二次使用同一个类创建新对象时,应该得到与第一个所创建对象完全相同对象: 在JS中,可以认为每次在使用对象字面量创建对象的时候,实际上就在创建一个单体: 当使用 ...