Skip to content

siroban/home

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

流行框架第二天:Git与Angular入门

复习

  • Node Node.js --- 类似一个操作系统

    • 一个JS的运行环境
    • 主要用于开发Web应用程序(回想登陆的例子)
    • 很多的前端开发工具都是基于node这个平台
    • 所用的工具就相当于一些软件
  • NVM (可选的)

    • Node Version Manager(Node的版本管理工具)
    • 因为node的版本比较多,很多时候我们可能依赖多个版本,并要求自由切换
    • 使用
      • nvm use [对应的版本号] [平台架构(如果是32系统需要写32,64位不用管)]
      • nvm install [arch] 安装
      • nvm uninstall 卸载
      • nvm list 查看已经安装版本
    • 官网
  • NPM

    • node package manager(node的包管理工具)
    • npm管理包非常方便,我们只需要记住使用哪个包就可以了
    • 使用
      • npm install xxx

      • 安装一个包到项目本地,必须要联网

      • 安装完成过后项目根目录下会多一个node_modules文件夹,所有的下载下来的包全部在里面

      • 由于需要记录项目依赖哪些东西,所以需要一个配置文件“package.json”,可以通过npm init命令生成

      • 以后安装包的时候将其--save

      • --save就是将我们安装的包名字和包版本记录到配置文件中的dependencies节点中

      • --save-dev

      • 项目依赖分两种,一个就是普通的项目依赖比如bootstrap,还用一种只是开发阶段需要用的,这种属于开发依赖比如gulp,开发依赖最终记录在devDependencies节点里面

      • npm uninstall xxx --save

      • npm install xxx -g(全局安装包)

        • 如果你安装的是一个工具,工具要在每一个地方都能用,这种情况下一般全局安装。
  • Bower

    • Web sites are made of lots of things — frameworks, libraries, assets, and utilities. Bower manages all these things for you.
    • Bower就是用来管理项目中所有的依赖,主要用于Web页面开发时使用的包管理,比如jquery,bootstrap

    重复的轮子太多,抓住轮子与轮子之间的共性

  • Gulp FIS3

  • http://www.ydcss.com/archives/94

  • msi - microsoft installer 微软安装器

GIT

什么是GIT

  • 是一个源代码管理工具

  • 在一个项目中,凡是由开发人员编写的都算是源代码

  • 源代码有必要管理起来?

  • 让源代码可以被追溯,主要记录每次变更了什么,谁主导这次变化

  • 人为的维护比较麻烦,

  • GIT是Linux之父当年为了维护管理Linux的源代码写的一个工具

  • Git 之前 很多使用 svn vss tfs hs ......

  • https://guides.github.com/

安装GIT

  • git命令行工具
  • 基于git命令行的一个客户端软件(提供一个界面去管理源代码)

GIT命令操作

  • 初始化一个本地GIT仓储
cd 当前项目目录
git init // 初始化一个本地的仓库

就是在本地文件夹中添加了一个.git的文件夹用于记录所有的项目变更信息

  • 查看本地仓储的变更状态

git status 用于查看本地仓储的状态 第一次查看,显示的是一坨没有被跟踪的文件

git status -s // -s 是输出简要的变更日志

  • 添加本地暂存(托管)文件

git add 可以将一个没有被跟踪的文件添加到跟踪列表

类似于node_modules这种性质的文件是不应该被跟踪

  • 添加本地GIT忽略清单文件

在代码库文件夹的根目录添加一个.gitignore文件 此文件用于说明忽略的文件有哪些

  • 提交被托管的文件变化到本地仓储

git commit 将本地的变化提交的本地的仓库文件夹归档 一般在有了一个小单元的整体变化后再提交

  • 对比差异

git diff 可以用于对比当前状态和版本库中状态的变化

  • 提交日志

git log 可以查看提交日志

  • 回归到指定版本

git reset --hard

  • 为仓储添加远端(服务器端)地址

  • 将本地仓储的提交记录推送到远端的master分支

  • 拉取远端master分支的更新记录到本地

  • 回归到指定版本

GITHUB基本使用

http://zoomzhao.github.io/code-guide/ https://github.com/jobbole/awesome-javascript-cn https://github.com/jobbole/awesome-css-cn

  • GIT分支

Angular入门

简介

  • 知识储备
  • 什么是Angular
    • 快速构建Web应用程序
    • 单页面应用程序
  • Angular的特性
  • 为什么要用Angular
    • 让Web应用程序开发更简单,更快捷
  • 带领前端进入MV*的时代

开始使用

  • 引用Angular
    • 下载
    • bower
    • npm
  • 基本使用

线上编辑文件

About

this is my first demo

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages