Grunt学习一:使用grunt创建jquery plugin.

?

  1. 下载安装github客户端。

    http://windows.github.com

  2. 打开github客户端。

  3. 登录后,点击左上角的加号,可以创建一个Repository.

    (也可以点击Clone,将github上面的项目克隆到本地。)

  4. 创建完成后,点击右上角的 Publish Repository, 就可以将这个Repository发布到github上面。

  5. 如果没有安装node.js,就安装node.js.
  6. 用npm在全局安装grunt.

  7. 安装grunt-init.

    ?

  8. 打开git shell.

  9. 定位到刚刚创建的github仓库的本地目录。

    ?

  10. 安装grunt-init的jquery模板。

    先运行如下的命令:


git clone https://github.com/gruntjs/grunt-init-jquery.git ~/.grunt-init/jquery

?

????运行完后,本地目录如下:

????

需要将~目录中的内容剪切到%UserProfile%目录下,然后删掉~文件夹。

????????

?

  1. 在git shell中运行如下命令。

    会提示输入项目信息,按照提示填入即可。

    全部填完后,目录结构如下:

  2. 打开Github客户端,点击Uncommitted changes右边的向下符号,展开。

  3. 输入Summary和描述,点击Commit to master,就可以提交到github了。

    ?

    ?

    如果github没有出现,可能需要点一下右上角的Sync按钮。

    刷新github,就可以看到了。

时间: 2024-08-26 23:40:14

Grunt学习一:使用grunt创建jquery plugin.的相关文章

JavaScript 项目构建工具 Grunt 实践:安装和创建项目框架

 Grunt 是一个基于任务的 JavaScript 项目命令行构建工具,运行于 Node.js 平台.Grunt 能够从模板快速创建项目,合并.压缩和校验 CSS & JS 文件,运行单元测试以及启动静态服务器. 安装 Grunt 推荐 Windows 用户使用 Git Shell 来进行命令行操作.安装 Windows 桌面版 GitHub 的时候会自动安装 Git Shell. GitHub for Windows 下载地址:http://windows.github.com Grunt

grunt学习

有些时候,项目中的静态资源,比如图片占用的文件有点大,影响加载的速度,所以会选择grunt对其进行压缩打包.对于grunt其他的用法,还在继续学习中,先记录下关于grunt的一些学习. grunt是一套基于Node.js的命令行工具,所以先确保环境中已安装好了Node环境. 接着安装grunt,如下: 1.安装CLI CLI是grunt命令行,先将其安装到全局环境中.点击开始->运行->cmd,执行以下命令进行安装: npm install -g grunt-cli 安装一次即可,以后就可以在

Grunt学习使用

原文地址:Grunt学习使用必看 grunt简介神马的不多说,到处一大堆. 我只说说我已经实现了的代码. 按照官方的教程 相信已经配置好了,接下来说 package.json 和 Gruntfile.js这2个文件,package.json是为了告诉grunt我们用哪些插件,这些插件的版本是多少,以及我这个项目的一些信息. 那有人说我怎么知道我需要什么插件,我怎么写这个文件?请看官方的例子: 1 { 2 "name": "my-project-name", 3 &q

grunt学习随笔

1 grunt 安装  全局安装 npm install -g grunt-cli 2 配置好package.json 和 Gruntfile 文件,这两个文件必须位于项目根目录下. package.json配置实例 1 { 2 "name": "web", 3 "version": "2.1.0", 4 "description": "A simple ui framework based on

grunt学习2

grunt的任务配置都是在Gruntfile.js文件中的grunt.initConfig中配置的. grunt.initConfig({ concat: { // 这里是concat任务的配置信息. }, uglify: { // 这里是uglify任务的配置信息 }, // 任意数据. my_property: 'whatever', my_src_files: ['foo/*.js', 'bar/*.js'], }); 每个任务中可以配置多个目标 grunt concat:foo或者gru

jQuery ui widget和jQuery plugin的实现原理简单比较

一.创建 1.  jQuery plugin (function($){ $.fn.MyPlugin=function(){ //js代码 } })(jQuery) 为了与页面上其他代码友好相处,将plugin定义在一个闭包里,MyPlugin是plugin的名字.调用方式:$('选择器').MyPlugin(); 2.  jquery ui widget (function($){ $.widget('ui.mywidget',{ options:{ //默认的配置参数 }, //方法的定义

javaScript学习总结(二)——jQuery插件的开发

概要 jQuery插件就是以jQuery库为基础衍生出来的库,jQuery插件的好处是封装功能,提高了代码的复用性,加快了开发速度,现在网络上开源的jQuery插件非常多,随着版本的不停迭代越来越稳定好用,在jQuery官网有许多插件:http://plugins.jquery.com/ 一.插件开发基础 1.1.$.extend 在jQuery根命名空间下直接调用的方法可以认为是jQuery的静态方法或属性,常常使用方法名来调用,使用.方法名来调用,使用.extend这个静态方法可以完成两个功

Unity插件之NGUI学习(4)—— 创建UI2DSprite动画

创建一个新的Scene,并按 Unity插件之NGUI学习(2)创建UI Root,并在UI Root的Camera下创建一个Panel. 然后在选中Panel,在菜单中选择NGUI->Create->Unity 2D Sprite 查看Inspector窗口 接着是在Unity中制作Sprite: 在Project窗口创建Textures文件夹,并从外部拖入一些图片素材,然后选中需要转成Sprite的图片,然后在Inspector窗口进行转变Sprite的操作,如图. 选择Sprite(2D

ROS 学习系列 -- 使用urdf创建机器人模型在Rviz中3D观察 之一 joint 使用

我们接着上文  ROS 学习系列 -- 使用urdf创建机器人模型在Rviz中3D观察 之一 link使用继续完成创建带四个可以转动轮子的双层小车. 一 建立可以转动的joint <span style="font-size:18px;"><?xml version="1.0"?> <robot name="sp1s"> <link name="base_link"> <v