Grunt

es5以上版本安装head需要安装node和grunt(之前的直接用plugin命令即可安装) 安装ElasticSearch6.3.1 一、安装jdk8（jdk7不可以） 二、安装ElasticSearch6.3.1 1、从官方下载中心 ElasticSearch Download 下载ElasticSearch安装包 2，开启ElasticSearch 服务 将zip文件解压到E盘，进入 E:\elasticsearch-6.3.1\bin 目录，双击执行 elasticsearch.bat，该脚本文件执行 ElasticSearch 安装程序，稍等片刻，打开浏览器，输入 http://localhost:9200 ，显式以下画面，说明ES安装成功。 安装ElasticSearch6.3.1的Head插件 一、安装nodejs 从地址： https://nodejs.org/en/download/ 下载相应系统的msi，双击安装。 把NODE_HOME设置到环境变量里(安装包也可以自动加入PATH环境变量)。测试一下node是否生效： 二、安装grunt grunt构建工具，可以进行打包压缩、测试、执行等等的工作，head插件就是通过grunt启动的。因此需要安装grunt： 注意：路径切到E:\nodejs下。 npm install -g grunt-cli

nodejs/bower/grunt/mocha/express/postgres搭建开发环境 0. nodejs 流行的异步IO解决方案，链接[http://nodejs.org/](http://nodejs.org) 1. bower 前段框架管理工具 2. grunt 自动化工具[gruntjs.com](gruntjs.com) 3. mocha 自动化单元测试[http://mochajs.org/](http://mochajs.org) 4. express nodejs界最有名气的开源框架[http://expressjs.com/](http://expressjs.com/) 5. postgresql 开源数据中的佼佼者[http://www.postgresql.org/](http://www.postgresql.org/) nodejs+express 负责与数据库交互，处理用户请求 bower 负责管理前段文件，例如 jquery, bootstrap等等， bower自动处理类库之间兼容问题，以及依赖问题，例如bootstrap依赖jquery, bower install bootstrap --save会自动安装合适版本的jquery,或检查已经安装的类库是否兼容 grunt 自动将前段css, JS合并，打包压缩,生成 lib.min.js

基于Visual Studio 2015，你可以： 方便的管理前端包，如jQuery, Bootstrap, 或Angular。 自动运行任务，如LESS、JavaScript压缩、JSLint、JavaScript单元测试等。 方便的获得Web开发者生态圈的工具包。 为了实现这些场景，Visual Studio 2015已经内置了一些流行的第三方工具包： Bower ：Web包管理器，Bower可以帮你安装前端包，包括JavaScript、CSS类库。对于服务器端包，请通过NuGet包管理。 Grunt and Gulp ：Grunt和Gulp是基于JavaScript的运行任务。如你未用过类似功能，可以认为这是一个自动调度运行的app，ASP.NET 5工程模板使用的是Grunt运行任务。 npm (Node Package Manager). npm是一个node包管理器，最初被用于Node.js包管理。上面说的Bower、Grunt、Gulp用到了npm。 启动Visual Studio 2015，新建一个ASP.NET 5.0的工程，选择文件-> 新建工程->Visual C#->Web->ASP.NET Web应用程序： 在新建工程对话框，选择ASP.NET 5.0 Starter Web 创建一个ASP.NET MVC 6 app，工程文件结构如下： 该工程下

你要的移动web前端都在这里！ 大前端方向：移动Web前端、Native客户端、Node.js、 大前端框架：React、Vue.js、Koa 跨终端技术：HTML 5、CSS 3、JavaScript 跨平台框架：React Native、Cordova 前端工程化：Grunt、Gulp、Webpack 前端预编译：Babel、Sass、Less 自动化测试：Jasmine、Mocha、Karma 一图在手，应有尽有！ 更多信息参考： 来源： oschina 链接： https://my.oschina.net/u/59463/blog/1539543

grunt 是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于： ① 压缩文件 ② 合并文件 ③ 简单语法检查 对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学，有误请包涵 准备阶段 1、nodeJs环境 因为grunt是基于nodeJs的，所以首先各位需要安装nodeJS环境，这块我们便不管了 http://www.cnblogs.com/yexiaochai/p/3527418.html 2、安装grunt 有了nodeJs环境后，我们便可以开始搞grunt了，因为我们可能在任何目录下运行打包程序，所以我们需要安装CLI 官方推荐在全局安装CLI（grunt的命令行接口） npm install -g grunt-cli 这条命令将会把grunt命令植入系统路径，这样就能在任意目录运行他，原因是 每次运行grunt时，它都会使用node的require查找本地是否安装grunt，如果找到CLI便加载这个本地grunt库 然后应用我们项目中的GruntFile配置，并执行任务 PS：这段先不要管，安装完了往下看 实例学习：打包zepto 一些东西说多了都是泪，直接先上实例吧，实例结束后再说其它的 首先在D盘新建一个项目（文件夹就好） 在里面新增两个文件（不要问为什么，搞进去先） ① package.json { "name":

Yeoman是什么？ Yeoman按照官方说法，它不只是一个工具，还是一个工作流。它其实包括了三个部分yo、grunt、bower，分别用于项目的启动、文件操作、包管理。 Yo: Yo是一个项目初始化工具，可以生成一套启动某类项目必需的项目文件。 Bower： 一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。 GruntJS： GruntJS是基于JavaScript的命令行构建工具，它可以帮助开发者们自动化重复性的工作。 安装 基于nodejs，需要先安装 node ，安装时要确保 Add to PATH 被安装进去，然后安装依赖的包。 –安装git， http://git-scm.com/downloads ，我是windows版本，安装的时候需要注意勾选Run git from the Windows Command prompt (从Windows命令提示符下运行git)项。 –安装gruntjs，参考之前的文章： 一步一步安装Grunt –Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。 安装国内cnpm源 sudo npm install cnpm 安装bower： sudo cnpm install -g bower 安装完成后执行：

一.简介 二.grunt安装使用 1.安装nodejs grunt是一个基于nodejs命令的工具，因此需要安装nodejs环境，nodejs下载地址： https://nodejs.org/en/ 根据自己的主机的位数或者是根据需要下载相应的平台的安装包， 本文档主要是针对windows环境，nodejs安装和安装其他软件没有什么区别不做详细介绍 关键步骤检查nodejs是否安装成功：在windows命令行窗口中输入npm -version 如果输出nodejs的相应的版本号说明安装成功 2.安装grunt命令行工具 grunt-cli 打开windows命令行工具输入： npm install grunt -g grunt-cli 3.安装grunt 打开windows命令行工具输入： npm install grunt --save-dev 安装完后检查grunt是否安装成功，在命令行窗口输入： grunt -version 4.grunt构建web前端 在磁盘上新建一个项目，例如：jsproject 4.1在jsproject下新建一个目录src用于存放js源码文件 4.2创建一个文件package.json 文件package.json和src平行存放 package.json输入以下内容 { "name": "yizhi",//构建签署名 "version": "0.1

很有幸，在做前端工程师之前我是一名全栈开发人员，所以接触了目前主流的用于jsp开发的IDE：eclipse和IntelliJ。它们的优点就是集成了很多插件，所以够智能。 很不幸，eclipse的流畅性极差（经常容易卡死,白瞎了我10G RAM、128G SSD + 256G HD、i3 CPU的笔记本）以及贪得无厌的消耗内存。IntelliJ作为付费产品，其稳定性也是值得吐槽的，经常出现莫名其妙的bug导致项目无法正常部署。 而如果需要开发后端代码，断点调试必不可少，除IDE外也无他更好工具，所以谈起IDE都是爱恨交织。 项目状况 现在的项目用jsp开发，属于前后端“半分离”状态。 从技术上说，用了freemarker模板，这个东西有点像jsp页面，会用到一些java代码，却又可以写在html文件中，所以并没有真正意义上的让前后端分离。 从结构上说，整个产品有点像cs架构，分为client端的web项目和server端的web项目，client端负责响应浏览器请求，返回js、 css、html等，server端负责与数据库、client端交互。表面上看是一种分离，实际上已是“半分离”状态，因为如果client端想单独调试基本不可能，原因很简单，freemarker填充模板数据失败报错404。个人觉得freemarker还是更加适合于jsp全栈开发，用于前后端分离太尴尬。

ElasticSearch5.3的 head插件的安装，前面已经讲过，需要独立安装。 不会的看着片文章：http://blog.csdn.net/qq_36330643/article/details/71172994 安装之后启动head插件，浏览器打开：http://IP地址:9100/即可。 head常用操作： 后台启动elasticsearch-head 后台启动grunt server命令； nohup grunt server &exit 如果想关闭head插件，使用linux查找进程命令： ps aux|grep head 结束进程： kill 进程号 --------------------- 作者：Soyoger 来源：CSDN 原文：https://blog.csdn.net/qq_36330643/article/details/71600343 版权声明：本文为博主原创文章，转载请附上博文链接！ 来源： oschina 链接： https://my.oschina.net/u/1757911/blog/2991239

1、gulp篇 中文主页: http://www.gulpjs.com.cn/ 上面那一篇博客我们已经讲述了如何创建工程以及安装所有的环境和准备，如果没有看到的话，链接在下面 https://my.oschina.net/mdxlcj/blog/1626534 接下来我们的gulp工具，同样也是压缩、合并对他做测试 * 创建一个简单的应用，目录结构 ``` |- dist |- src |- js |- css |- less |- index.html |- gulpfile.js-----gulp配置文件 |- package.json { "name": "gulp_test", "version": "1.0.0" } 如图所示 然后我们编写两个js文件mdx1.js 和mdx2.js 然后右键创建gulpfile.js 这是gulp工具的特别区分标识 然后在Terminal操作脚本行命令 全局安装gulp ： npm install gulp -g 局部安装gulp： npm install gulp --save-dev 配置编码: gulpfile.js //引入gulp模块 var gulp = require('gulp'); //定义默认任务 gulp.task('任务名', function() { // 将你的任务的任务代码放在这 }); gulp.task