(二)Node.js入门系列——Express.js安装

本篇文章讲express的安装与创建express项目。

一、安装express

执行命令 : npm install -g express;

安装express到npm-module,在express4.0之后,还需要安装express-generator 来完成express项目的创建,

执行命令 : npm install -g express-generator;

二、创建Express项目

然后就能够在目标路径下通过express命令创建项目。如需要在 D盘 的 project文件夹下创建项目 expressDemo:

  1. 进入D盘project目录下:

2.    执行命令:express expressDemo ;

3.    执行命令:cd expressDemo && npm install ; 该语句会进入项目的根目录即 expressDemo目录下并继续执行命令npm install 安装项目的依赖

命令执行完成之后的目录结构:

| - D:\project

| - expressDemo

| - bin

| - node_modules

| - .bin

| - body-parser

| - cookie-parser

| - debug

| - express

| - jade

| - morgan

| - serve-favicon

| - public

| - images

| - javascripts

| - stylesheets

| - routes

| - index.js

| - users.js

| - views

| - error.jade

| - index.jade

| - layout.jade

| - app.js

| - package.json

这时,我们的位置是:D:\project\expressDemo .

执行命令:npm start;服务器运行,在浏览器运行URL:localhost:3000,即可看到默认的express页面。

三、node-modules dependence 管理

打开项目根目录下的package.json文件,能够看到所有项目依赖的node-module都在dependencies内,类似pom的dependency,在执行npm install时,会安装项目所依赖。

四、总结

上面介绍了Express的安装与创建项目,通过package.json来管理项目的npm-module依赖。

但是项目中还会用到其他JS库,比如jQuery,BootStrap等该如何管理呢?

下一篇介绍通过 bower 来管理我们的javascript库。

时间: 2024-08-05 00:58:26

(二)Node.js入门系列——Express.js安装的相关文章

Node.js入门 系列一(安装,启动,测试)

这里主要介绍基于windows平台上最简单方便的安装方式,启动以及简单测试 概念 Node.js 是构建在Chrome javascript runtime之上的平台,能够很容易的构建快速的,可伸缩性的网络应用程序.Node.js使用事件驱动,非阻塞I/O 模式,这使它能够更轻量,高效且完美的适用于运行在分布式设备之间的数据密集型实时应用程序. 安装 这里主要介绍基于windows平台上最简单方便的安装方式,我们首先直接访问node.js官方网站http://www.nodejs.org/,直接

【 D3.js 入门系列 — 0 】 简介和安装

[ D3.js 入门系列 — 0 ] 简介和安装 发表于2014/06/12 近年来,可视化越来越流行,许多报刊杂志.门户网站.新闻.媒体都大量使用可视化技术,使得复杂的数据和文字变得十分容易理解,有一句谚语“一张图片价值于一千个字”,的确是名副其实.各种数据可视化工具也如井喷式地发展,D3 正是其中的佼佼者. 1. D3 是什么 D3 的全称是(Data-Driven Documents),顾名思义可以知道是一个被数据驱动的文档.听名字有点抽象,说简单一点,其实就是一个 JavaScript

【 D3.js 入门系列 --- 10 】 地图的绘制

本人的个人博客为:www.ourd3js.com csdn博客为:blog.csdn.net/lzhlzz 转载请注明出处,谢谢. 地图的制作在 D3 中可以说是最重要的一环.因为在进行数据可视化时,很多情况都会和地图联系在一起,如中国各省的人口多少,GDP多少等,都可以和地图联系在一起. D3 中制作地图所需要的文件问 JSON 文件.JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.关于 JSON 的语法格式,可以在: http://www.w3s

【 D3.js 入门系列 --- 9.5 】 树状图的制作

这一节学习树状图的制作.树状图的制作和集群图完全相同,经过这两种 layout 转换后的数据也很相似. 本人的个人博客为: www.ourd3js.com csdn博客为: blog.csdn.net/lzhlzz 转载请注明出处,谢谢. 树状图( Tree )通常用于表示层级.上下级.包含与被包含关系.树状图的制作和 9.4节集群图的制作 的代码几乎完全一样.不错,你没看错,几乎完全一样.那么为什么要把这两种图分开,它们有什么不同呢?先来看看对于同一组数据,它们的结果有什么不同.数据为: {

【 D3.js 入门系列 --- 9.6 】 打包图的制作

本人的个人博客为:www.ourd3js.com csdn博客为:blog.csdn.net/lzhlzz 转载请注明出处,谢谢. 打包图( Pack ),用于包含与被包含的关系,也表示各个对象的权重,通常用一圆套一圆来表示前者,用圆的大小来表示后者. 先看本节所使用的数据:  city2.json 这是各城市所属关系的数据.我们现在要用 D3 的 layout 来转换数据,使其容易进行可视化处理. var pack = d3.layout.pack() .size([ width, heigh

【 D3.js 入门系列 --- 7 】 理解 update, enter, exit 的使用

本人的个人博客为: www.ourd3js.com csdn博客为: blog.csdn.net/lzhlzz 转载请注明出处,谢谢. 在前面几节中反复出现了如下代码: svg.selectAll("rect") .data(dataset) .enter() .append("rect") 当所选择的 rect 数量比绑定的数据 dataset 的数量少的时候,通常会用到以上代码,这一节就详细说说当被选择元素和数据数量不一致时该如何处理. 这一节将涉及到三个函数.

【 D3.js 入门系列 --- 9.3 】 弦图的制作

本人的个人博客为: www.ourd3js.com csdn博客为: blog.csdn.net/lzhlzz 转载请注明出处,谢谢. 弦图( Chord ),主要用于表示两个节点之间的联系.如下图: 两点之间的连线表示,谁和谁具有联系: 线的粗细表示权重: 上面的介绍源于: http://circos.ca/guide/tables/  ,我就不详细介绍了,还是很好理解的. 那么在 D3 中怎么用 layout 转换出弦图所需要的数据,并作图呢?请耐心往下看. 1. 首先给出数据 var ci

【 D3.js 入门系列 --- 9 】 常见可视化图形

本人的个人博客为: www.ourd3js.com csdn博客为: blog.csdn.net/lzhlzz 转载请注明出处,谢谢. Layout ,直译为"布局,安排".但在 D3 中不是这个意思. D3 中有很多 Layout 函数,它们不是为了在画面中布局什么,在 D3 中是对输入的数据进行转换,转换成比较容易进行可视化的数据.实际进行可视化时,需要其他的代码.我们可以简单地把 Layout 理解为"制作常见图形的函数",比如饼状图等等. D3 中一共提供了

Node.js开发之Express框架安装

Express框架安装      1.在命令行中使用全局模式安装           $ sudo npm install [email protected] -g      2.建立工程           $ express -t ejs 文件名      3.建立后提示进入其中并运行           $cd 文件名 && npm install      4.启动服务器            $node app.js      5.打开浏览器输入地址,配置成功