文档章节

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

phala
 phala
发布于 2015/11/11 18:22
字数 876
阅读 125
收藏 1

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

git基本设置

  • 个人的用户名称和电子邮件地址修改,git 用于记录是谁提交了更新,以及更新人的联系方式。

$ git config --global user.name "Donly Chan"

$ git config --global user.email donly@example.com
  • 自动高亮(很有用的颜色提示,因有些人不喜欢,所以默认是不开启的)

$ git config --global color.ui auto
  • 查看配置
$ git config --list
  • git 查看当前分支
git branch -vv
  • git忽略文件权限:
$ git config core.filemode false
$ git config --list

 

© 著作权归作者所有

上一篇: 用了辣么久Sublime
下一篇: Laravel Blog
phala
粉丝 6
博文 104
码字总数 53470
作品 0
成都
程序员
私信 提问
【AngularJs学习笔记一】bower解决js的依赖管理

AngularJs学习笔记 【AngularJs学习笔记一】bower解决js的依赖管理 一个新的web项目开始,我们总是很自然地去下载需要用到的js类库文件,比如jQuery,去官网下载名为jquery-1.10.2.min.js文件...

陶邦仁
2016/01/21
692
0
node+bower+gulp+webpack初见

node node模块管理是通过NPM(即 Node Package Manage,是 NodeJS 模块管理工具)来处理各模块之间的依赖。NPM按树状结构来管理的,支持某模块的不同版本。 [前提是本机已安装node、git环境]...

ifnotme
2016/08/03
207
0
reactjs服务器端渲染——node搭建简易服务器

环境搭建 node安装 (本机环境win10) 下载官方安装包(https://nodejs.org/e) 直接安装即可 安装npm包(bower http-server browserify gulp ..) 打开cmd命令窗口 输入node --version指令确...

ShirlyK
2016/08/27
31
0
nodejs tutorial - 1 初始项目 2014-12-12

http://www.linuxidc.com/Linux/2012-10/72627.htm see version node --version helloworld.js var http = require('http'); server = http.createServer(function (req, res) { res.writeHe......

jayronwang
2014/12/12
105
0
前端工程工具(Gulp、Browerify、Webpack、Bower、Yeoman)

Gulp(http://gulpjs.com/):一个NodeJS项目构建工具。 1.全局安装 或 或开发模式安装且加入到package.json中 2.常用gulp插件 gulp-react 可以将jsx文件转换为js文件 3.gulpfile.js 4.exampl...

jedi_knight
2015/10/13
762
0

没有更多内容

加载失败,请刷新页面

加载更多

golang-字符串-地址分析

demo package mainimport "fmt"func main() {str := "map.baidu.com"fmt.Println(&str, str)str = str[0:5]fmt.Println(&str, str)str = "abc"fmt.Println(&s......

李琼涛
41分钟前
3
0
Spring Boot WebFlux 增删改查完整实战 demo

03:WebFlux Web CRUD 实践 前言 上一篇基于功能性端点去创建一个简单服务,实现了 Hello 。这一篇用 Spring Boot WebFlux 的注解控制层技术创建一个 CRUD WebFlux 应用,让开发更方便。这里...

泥瓦匠BYSocket
今天
6
0
从0开始学FreeRTOS-(列表与列表项)-3

FreeRTOS列表&列表项的源码解读 第一次看列表与列表项的时候,感觉很像是链表,虽然我自己的链表也不太会,但是就是感觉很像。 在FreeRTOS中,列表与列表项使用得非常多,是FreeRTOS的一个数...

杰杰1号
今天
4
0
Java反射

Java 反射 反射是框架设计的灵魂(使用的前提条件:必须先得到代表的字节码的 Class,Class 类 用于表示.class 文件(字节码)) 一、反射的概述 定义:JAVA 反射机制是在运行状态中,对于任...

zzz1122334
今天
4
0
聊聊nacos的LocalConfigInfoProcessor

序 本文主要研究一下nacos的LocalConfigInfoProcessor LocalConfigInfoProcessor nacos-1.1.3/client/src/main/java/com/alibaba/nacos/client/config/impl/LocalConfigInfoProcessor.java p......

go4it
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部