node.js零基础详细教程(3)：npm包管理、git github的使用

第三章  建议学习时间4小时  课程共10章

学习方式：详细阅读，并手动实现相关代码

学习目标：此教程将教会你们 安装Node、搭建服务器、express、mysql、mongodb、编写后台业务逻辑、编写接口，最后完成一个完整的项目后台，预计共10天课程。

 

npm包管理

---

 什么是npm

npm是随同NodeJS一块儿安装的包管理工具，只要安装了node,咱们就能够经过命令行使用npm

启动命令行，运行 npm -v  就能够看到npm的版本号，根据安装的node版本不一样，内部集成的npm页不一样，只要能显示一个办号，就表示npm可用

 

npm做用：

• 容许用户从NPM服务器下载别人编写的第三方包到本地使用。
• 容许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
• 容许用户将本身编写的包或命令行程序上传到NPM服务器供别人使用。

下载别人的第三方包到本地

使用 npm install 包名

这里咱们在 nodeTest文件运行命令行， 运行 npm install jquery 就能够自动下载jq的最新版本。

 

下载成功后，就能够去磁盘文件夹查看，当前目录会多一个  node_modules的文件夹，里面就有jquery的所有文件，以下图的路径，就能够找到jquery.js了。

 

使用 npm uninstall 包名  卸载模块

运行  npm uninstall jquery 之后，在去查看文件，会发现该目录下 node_modules 文件夹中的 jquery已经被删除了。

 

安装别人的命令行程序到本地

 这里咱们下载  express-generator到本地

express-generator说明：它是一个node的自动化建立项目工具，能够自动建立一个项目的初始网站，包含一些基本页面，能够经过浏览器访问，之后咱们会详细介绍，这里你们先知道它的做用

命令行运行 npm install -g express-generator

 

 

安装完成后就把 express-generator安装到了全局变量中  （说明：命令行中的 -g 表示该模块安装到全局，若是没有-g就将模块安装到当前目录）

 

而后运行   express 项目名   建立一个项目 （这里演示初始化了一个叫作  exTest的项目）

 

 

如何启动这个项目呢？

一、进入项目目录  cd exTest

二、安装项目依赖模块

因为建立的项目中有个自带的pakage.js文件中已经规定了须要引入的模块，这里直接运行 npm install安装依赖

因为是从国外服务器下载，因此可能会等待一下子才能安装完成

出现一长串的安装提示，到下图的状态表示安装完成

 

二、运行项目  npm start

注：若是出现下图的报错提示，表示3000端口被占用，可能有前面运行的http命令行，把其余命令行都关闭再运行这个。

 

运行成功是这个状态

而后经过浏览器输入 http://localhost:3000/ 就能够访问到项目首页了，以下图。

 

到这里咱们就成功安装了一个库、一个项目构建工具。你们先实现如下再往下看

 

 

GIT的使用

---

 

说明：git只是 代码的版本管理工具，不是nodejs必学类容，你们自行选择是否须要学习。

 

介绍：

为何要使用版本控制：由于咱们在编码过程当中，会对软件进行各类修改，并且极可能须要在之后某个时候撤销到之前某个时间编写的样子，咱们若是手动复制备份，不只工程量大，并且不便于管理，这就须要有一个版本控制器，让咱们能够自由的将之前写的各个时间段的版本进行保存

常见的版本控制有如下三种：

一、微软的cvs    -- 收费，切只能window使用

二、svn 版本控制良好，但须要一个非本地的服务器（不能本地离线提交版本）

三、git 新一代的版本控制，能够离线实现版本控制，并且能够结合免费的 github网络仓库管理代码，十分方便

 

下载安装

 本课程软件下载 连接：http://pan.baidu.com/s/1kVPxBJT 密码：uziu

官网下载：https://git-scm.com/downloads

 

下载完成后，安装直接下一步、下一步便可，安装完成后，要检测是否安装成功，在桌面空白位置，点击鼠标右键出现图中红框中内容即安装成功

 

注册一个github帐号

注：英文网站，可使用google进行访问，右上角有个翻译按钮能够将网站翻译成中文，另外，注册能够参考以下连接 ：http://jingyan.baidu.com/article/455a9950abe0ada167277864.html

 

 

如何运行git：

创建一个测试文件夹，而后在本身的文件夹右键 点击 git bash hare   咱们这里的测试文件是d盘的 nodeTest\gitTest

首先须要配置一下你的邮箱和用户名

下面代码能够复制，在命令行中粘贴（注：ctrl+v在命令行无论用，须要右键 -- paste  才能粘贴进去）

git config --global user.name  "你的用户名"

git config --global user.email  "邮箱"

 

运行 git config --list 能够看到全部的配置项，下部找到 name 和email 看是否配置成功。

 

运行 git init初始化，

 

而后就能够看到当前目录有一个隐藏的 .git文件夹，（若是隐藏文件看不到的，请自行百度如何查看隐藏文件），这个文件夹中是git的版本控制文件，千万不要去动。

 

这样 gitTest文件夹就变成了git能够监控的文件夹了，之后文件夹任意的修改，都会被监控并记录下来

咱们先建一个a.txt文件（注意编码格式最好是 utf-8）

在里面写入一点儿内容 保存

 

 而后命令行 输入 git status 能够查看到有记录的对 a.txt的修改

 

接下来咱们先作几个继续往下的操做，而后在解释这些操做是什么意思

咱们运行 git add .         （注意后面有个空格点）

而后运行  git commit -m "a"             获得以下结果

而后修改一下 a.txt中的内容  并保存，在 当前文件夹 建立  b.txt  

（说明：咱们对文件修改/提交后 文件 左下角会有绿色的勾表示已经提交。或红色的叹号表示被修改了没提交）

再命令行 运行   git  status  能够看到以下结果

 

 

 理解上面的过程：

这里须要先弄清楚 git的几个监听区域：工做区、暂存区、版本库

工做区：你对当前文件作的全部修改，都属于工做区 使用 git status 就能够看到修改的文件。

暂存区：经过上面 git add . 添加的状态  （后面的 点 表示对当下全部的更改添加到暂存区），添加到暂存区的文件能够撤销，也能够提交到版本库

版本库：最后的存放点，在git内部会对每一个版本库存一个状态（功能相似建立了不少的备份，能够随意恢复任何一个版本，固然，git只是存了变化的地方，而非真的是备份）

 

那么，咱们来看看上面运行过的命令

git add .                   表示添加当前的全部修改到暂存区 ，   若是只提交某个文件的修改，能够给文件名  如     git add a.txt

 git commit -m "a"    表示将暂存区的修改提交到版本库，造成一个固定的版本保存下来， -m 后面的引号内是 提交的注释说明，能够写“修改了xxxx”。

git status                 显示工做区和暂存区的全部修改状态。工做区的是红色的显示，暂存区的是绿色的显示（以下图：只是一个示例说明，不跟着操做）

 

咱们再 运行一下  添加和提交命令，将刚刚对a.txt  b.txt的修改提交   

 

查看版本库 git  log                  下面的黄色打印部分，是每次修改的独一无二的id  （你的id和个人确定也不同）

退回某个版本，

 这里咱们复制最后那个版本号 运行  git reset --hart 版本id 来退回

以下图，运行完成就退回了，刚咱们建立的 b.txt没有了（退回到了建立之前）

 

 

固然也能够退回到最上面那个 id版本，运行后又回到了b.txt已经提交了的状态

 

 

前面讲了退回到某个版本，那么怎么撤销工做区的修改呢？

使用命令    git checkout -- 文件名   ，能够将该文件的修改撤销到上一次 git add 到暂存区的状态。

好比咱们先对a.txt做一下修改。添加了部份内容

 

而后我运行 git status 看效果，表示已经修改了

而后运行git ceckout -- a.txt 撤销 ，执行完成，就能够看到上一步给a.txt添加的内容被撤销了

 

git checkout -- . 能够撤销全部修改，建议不要使用，由于这个会把全部没有 add的修改都撤销，并且不可逆。

 

push项目到 github网站

---

 前面已经让你们注册了github的帐号，若是没有注册的先注册一个

 

而后登录，登录完成之后，点击以下图右上角的 新建 来新建一个仓库

 

在新建界面中输入仓库名，肯定便可

 

建立以后，会自动跳转进入下面的界面，下图中划线的地方是 提交地址设置 和 提交的 命令行命令。先复制下来放着，后面会用。

 

 

 电脑端操做了：咱们这里使用ssh秘钥连接，须要在电脑端生成秘钥（固然，也有其余方式连接，有兴趣的可搜索“提交文件到 github”看看）

git 的命令行输入：

ssh-keygen -t rsa -C 你的邮箱地址，到有须要输入的地方，直接 enter 肯定 ，enter屡次，直到执行完成

 

 而后就能够在c盘的用户 administrator文件夹下多了一个 .ssh 的隐藏文件夹

 

 

点开文件夹能够看到两个文件。这两个文件是用户 ssh安全安验证的秘钥，.pub文件的公钥（公用上传）。id_rsa是私钥（本身保留）

复制.pub文件内的全部内容。 而后按后续步骤添加到github帐号的 ssh设置中

 

 

回到github官网点击有右上角头像右边箭头，下拉框中点击 设置

 

 

设置界面中点击  ssh and gpg keys ，而后点击  new  ssh key 按钮

 

 

点击肯定以后  须要再输入一次 github的密码，以下图，输入点击肯定

获得以下界面，这样就将当前电脑和 github 实现了 ssh的验证了

 

 

而后回到命令行 ，运行前面 建立仓库的时候 要求你们复制的 那两条代码 ，以下图。（下图红框的地方 是你本身的仓库地址）

 

第一次提交中途可能会遇到提示输入 用户名 和 密码   在提示的地方输入 github的 帐号 和 密码 便可。

 

执行完成以后，文件就上传到 github了，按下面步骤查看是否上传成功

 以下图点击顺序，就能找到你本身的仓库。

 

找到仓库后打开它

 

 就能够看到 已上传成功的文件了

 

右边的绿色按钮是下载操做。下载项目的地址以下图

 

 

如何经过git下载别人的项目

---

 

 上面布置咱们已经设置好了git

那么下面，咱们新建立一个文件夹来下载别人的项目 

这里我在  d 盘的 nodeTest 下 新建了一个 gitProject 文件夹， 下载的别人的项目就会放到这个文件夹中

一、文件夹中空白处  右键  git bush hare

二、命令行输入  git init 初始化

三、 git pull https://github.com/sutianbinde/jQ-win7.git             如需下载别的项目使用以下格式：git pull 项目git地址

 

 

运行后，项目就被下载下来了。咱们去文件夹中就能看到项目了 ，那个Index.html就是项目的入口，使用浏览器打开便可查看

 

 

打开后可看到一个相似win7桌面系统的界面 

 

 

 学习须要锲而不舍，但愿跟学的同窗跟上进度哦~

 

 好，今天就讲这么多，明天将讲解：node.js事件机制、node异步IO操做、路由。