zoukankan      html  css  js  c++  java
  • 如何利用express新建项目(上)

    如何利用express新建项目(上)

    摘要

    这篇文章将讲解了如何快速利用express新建项目

    一.express4.x的安装

    1. npm install -g express
    2. npm install -g express-generator或者npm install -g express-generator@3 
    

    后者是指定express命令的版本号,4.x已经把命令行工具分离出来.

    二.在express 4.x以后的版本中创建一个ejs项目可以使用以下命令:

    1.进入项目存放文件夹,执行

    express -e ejs projectname
    

    执行后可见工程目录下出现以下文件夹:

    ejs (Embedded JavaScript) 是一个标签替换引擎,其语法与 ASP、PHP 相似,易于学习。Express默认提供的引擎是 jade,它颠覆了传统的模板引擎,制定了一套完整的语法用来生成 HTML 的每个标签结构,功能强大但不易学习。
    ejs 的标签系统非常简单,它只有以下3种标签。
    <% code %>:JavaScript 代码。
    <%= code %>:显示替换过 HTML 特殊字符的内容。
    <%- code %>:显示原始 HTML 内容。

    cd [项目所在目录] && npm install  
    

    执行后工程目录下将会多出node_modules文件夹 :

    安装项目依赖项。无参数的 npm install 的功能就是检查当前目录下的 package.json,并自动安装所有指定的依赖

    三.在express4.x中不再使用 node app.js来启动服务器了,用以下命令

    npm start
    

    启动后,打开浏览器,输入localhost:3000,可看到初始页面

    要关闭服务器的话,在终端中按 Ctrl + C。
    注意,如果你对代码做了修改,要想看到修改后的效果必须重启服务器,也就是说你需要关闭服务器并再次运行才会有效果。

    如果觉得有些麻烦,可以使用 supervisor 实现监视代码修改和自动重启,
    supervisor 可以帮助你实现这个功能,它会监视你对代码的改动,并自动重启 Node.js。
    使用方法很简单,首先使用 npm 安装 supervisor:

    $ npm install -g supervisor
    

    接下来,使用 supervisor 命令启动 app.js:

    $ supervisor app.js
    

    当代码被改动时,运行的脚本会被终止,然后重新启动。

    下篇文章将对新建好的项目文件做详细说明

  • 相关阅读:
    洛谷 1842 [USACO05NOV]奶牛玩杂技【贪心】
    洛谷 1757 通天之分组背包【分组背包】
    洛谷 1330 封锁阳光大学
    洛谷 1019 单词接龙
    【模板】CDQ分治
    BZOJ 2734 洛谷 3226 [HNOI2012]集合选数【状压DP】【思维题】
    BZOJ 2457 [BeiJing2011]双端队列
    洛谷 2015 二叉苹果树
    牛客网 牛可乐发红包脱单ACM赛 C题 区区区间间间
    牛客网 牛可乐发红包脱单ACM赛 B题 小a的旅行计划
  • 原文地址:https://www.cnblogs.com/rongmm/p/6349633.html
Copyright © 2011-2022 走看看