git + grunt 环境配置

Posted 倔强的妄想症

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了git + grunt 环境配置相关的知识,希望对你有一定的参考价值。

 

1??ssh key生成步骤

一.设置Git的user.name和user.email:


$ git config --global user.name "xiongzuyan" 
$ git config --global user.email [email protected]
技术分享

二.生成SSH密钥:


1.查看是否已经有了ssh密钥:cd ~/.ssh 如果没有密钥则不会有此文件夹,有则备份删除 
2.生成密钥:$ ssh-keygen -t rsa -C “[email protected]” 按3个回车,密码为空。 
本地生成密钥后,粘贴到gitlab网站上。
技术分享

2??用grunt搭建自动化的web前端开发环境


1. 切换到新建的项目路径下:cd Desktop/front/shenhe-he
技术分享 
2.安装grunt,这里安装grunt不再是全局安装了,需要你在控制台进入到网站或系统的具体目录下。 
这里我们进入 shenhe-fe 目录下。然后输入这个命令npm install grunt --save-dev ,这里会出现一些提醒,那说明grunt已经起作用了。 
“—save-dev”的意思是,在当前目录安装grunt的同时,顺便把grunt保存为这个目录的开发依赖项。
技术分享 
注意,mac os 系统、部分linux系统中,在这句话的前面加上“sudo ”指令。这里控制台之所以报错是因为本机为Mac系统,安装命令忘记了加上sodu! 
3.在当前路径shenhe-fe下打开grunt。命令行:grunt server 

此时已进入到新创建的审核系统中:
技术分享

3??使用Gitlab

一.在Git库打开一个复制的新项目:


1. 创建新项目:一个项目对应唯一的Git库,首先创建一个新的文件夹front 
技术分享 
2. 版本库初始化:如果是从头创建版本库,可以采用先克隆,建立提交数据,最后再通过推送完成Git版本库的初始化。

     克隆版本库获取源码: git clone git @git.baijiahulian.com:yunying/shenhe-fe.git 
     切换到front路径下;克隆过程会显示警告,不过这个警告可以忽略,因为Git创建的版本库本来就是一个空白的版本库。
     出现warning说明创建成功。这里因为审核项目已创建多次,所以不会出现warning。

技术分享

二.创建添加分支/删除分支/修改分支

概述:新建一个工程gtest(以此为例),在其中的git库中  添加分支 删除分支 修改文件 等。。

分支:静态分支和远程分支。
大三步:add--commit--push.步骤如下:

  1??切换到当前的文件夹下:cd Desktop/gtest/   
  2??初始化:git init原始git库中就有一个 默认的 master 静态分支
  3??预览git库结构:git status在当前静态分支下查看它的结构
  4??在git库中添加文件1.html,这时候查看结构git status:这时新建的文件还没添加到git库中去。
  5??使用指令生成快照并存入项目索引:git add ./aa 将新建的文件1.html添加到git库中,然后查看结构:git status:
  7??项目索引提交:使用git commit -m "添加文件"指令将新建的文件添加,随后推送本地更新:git push

技术分享 

技术分享

三. 远程分支的使用和管理

  1. 添加分支: 
    例:在git库中添加分支list。git branch list;查看静态分支结构git branch -a : 
    技术分享 
    基于远程分支dev新建一个本地分支并且切换到这个分支下:git checkout -b xiongzuyan dev 
    技术分享 
    推出新建的本地分支到远程仓库origin上,也就是创建远程分支 
    技术分享 2.合并分支 : 
          将本地创建的分支进行合并git merge xiongzuyan-dev 提交到dev分支git push origin dev 
    技术分享 
    3. 删除分支:如删除新建的list分支git branch –d list 
    技术分享 
    4. 删除新建的本地分支,先切换到别的分支上 ,才能成功删除。 
    技术分享 5.删除新建的远程分支git branch -d origin/xiongzuyan-dev;推送本地更新到远程:git push origin :xiongzuyan-dev 
    技术分享





































以上是关于git + grunt 环境配置的主要内容,如果未能解决你的问题,请参考以下文章

grunt第一次配置

grunt的使用方法,环境配置和插件安装

从post-commit git-hook运行grunt

grunt两小时入门

grunt 前端开发环境搭建

前端自动化工具 -- Grunt 使用简介