node.js(npm)|bower(bootstrap)|git

node.js

安装步骤:http://www.runoob.com/nodejs/nodejs-install-setup.html

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js' package ecosystem, npm, is the largest ecosystem of open source libraries in the world.

简单的说 Node.js 就是运行在服务端的 JavaScript。

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

其实只是为了使用sublimeLinter……嗯嗯:http://segmentfault.com/a/1190000000389188

测试是否安装成功(cmd):node -v

简单的例子-helloworld.js 

写一段简短的代码,保存为helloworld.js,大致看下nodejs是怎么用的。

如下:该代码主要是创建一个http服务器。

var http = require("http");  
http.createServer(function(request, response) {  
    response.writeHead(200, {"Content-Type": "text/html"});  
    response.write("Hello World!");  
    response.end();  
}).listen(8080);  
console.log("Server running at http://localhost:8080/");

打开命令行,转到当前文件所存放的路径下,运行 node helloworld.js命令即可

如果一切正常,可以看到命令行输出:Server running at http://localhost:8080/

为了安装npm[Node Package Manager]所以下载git (安装的无限死循环 | git for windows

git安装

是不是该去学一下unix和linux了……

然后,看到:新版的node.js已经集成了npm……哦,已经集成了= =

好吧输入npm -v,果然,版本:2.14.7

bower

嗯嗯既然npm已经有了就准备安装bower | http://bower.io/

npm install -g bower

可以用bower -v检查是否安装成功。 |教程

准备bootstrap

Reffer:用Laravel+Grunt+Bower管理你的应用

这里是要用bower为项目准备前端框架

在public下,创建assets目录,把css、js、fonts文件都放进去

项目根目录下配置文件.bowerrc为

{
  "directory": "public/assets/bower"
}

接着在根目录(Laravel5)创建一个bower的配置文件bower.json为

{
  "name": "Laravel5"
}

接着添加前端库

bower install bootstrap -S

在这里总会出现: ENOGIT   git is not installed or not in the PATH

在万能的stackoverflow里又找到解决办法(成功的是点赞只有13的= =| link

set PATH=%PATH%;c:\Program Files\Git\bin;

然后再执行bower install就成功了~

这个命令将会利用配置文件管理整个库依赖,这个时候再看一下配置文件,bower已经帮助我们自动安装好了Bootstrap依赖的包--jQuery,同时修改了配置文件

{
  "name": "laravel5",
  "dependencies": {
    "bootstrap": "~3.3.5"
  }
}


git

因为开发项目的时候,经常因为一些莫名其妙的小错卡住,文件多了也不知道在哪儿,才觉得多么需要版本管理,小白来学下git好了…………

先跟着廖雪峰的程:创建版本库  | bootcss的简易指南 | Pro git文档

git init

git add <filename>

git commit -m “change”

git status 

git diff <filename>

git log | 显示从最近到最远的提交日志

git log --pretty=oneline | commit id+comit单行显示,不显示日期

git reset --hard HEAD^ | 重要的版本回退来了~HEAD指向当前版本

git reset -hard commit_id | 然后到某固定版本(commit_id)

git reflog | 查看commit_id


你可能感兴趣的:(node.js(npm)|bower(bootstrap)|git)