复习
Node Node.js — 类似一个操作系统
- 一个JS的运行环境
- 主要用于开发Web应用程序(回想登陆的例子)
- 很多的前端开发工具都是基于node这个平台
- 所用的工具就相当于一些软件
NVM (可选的)
- Node Version Manager(Node的版本管理工具)
- 因为node的版本比较多,很多时候我们可能依赖多个版本,并要求自由切换
- 使用
- nvm use [对应的版本号] [平台架构(如果是32系统需要写32,64位不用管)]
- nvm install [arch] 安装
- nvm uninstall 卸载
- nvm list 查看已经安装版本
- 官网
- https://github.com/coreybutler/nvm-windows
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
msi - microsoft installer 微软安装器
GIT
什么是GIT
- 是一个源代码管理工具
- 在一个项目中,凡是由开发人员编写的都算是源代码
- 源代码有必要管理起来?
- 让源代码可以被追溯,主要记录每次变更了什么,谁主导这次变化
- 人为的维护比较麻烦,
- GIT是Linux之父当年为了维护管理Linux的源代码写的一个工具
Git 之前 很多使用 svn vss tfs hs ……
安装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基本使用
- GITHUB是一个GIT服务的提供商,
- 提出社交化编程
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
- 基本使用