首页 > 技术文章 > Mac node.js express-generator脚手架安装

vikeykuo 2019-07-13 17:38 原文

前言

由于本人在学习NodeJs的express框架时,在Mac电脑上安装express遇到了一个深痛的坑点,特写此文来记录。该坑点的解决方案我在国内的度娘没有找到,问别人也没有方案,最后通过google到一个国外网站找到了解决方法。

简介

express 是一个基于node.js的极简、灵活的web开发框架。可以实现非常强大的web服务器功能。express-generator是 express团队为使用者提供的express项目快速生成工具。

快速创建express项目

1. 安装 express-generator

sudo npm/cnpm i express-generator -g //在管理员权限下全局安装

2. 新建一个存放 express项目的空目录(最好不要中文路径)

cd 新目录路径

3. 通过命令创建 express 项目

express -e projectname (express表示在当前目录下创建express项目,-e 表示使用 ejs 模板引擎,projectname表示项目名称)


项目结构:
bin:执行文件,也是 express 项目启动文件。
public:公共的资源,浏览器可以直接访问的资源。(图片,js,css)
views:服务器端模块文件。
routes:路由处理器,处理浏览器发出不同url的处理程序。
/login function(){ //登录处理程序 };
app.js:express 应用的主文件,该文件主要用于整合其他第三方模块和配置 express 的系统参数。

4. 安装依赖包

cd express项目(进入到创建的 express 项目(如:app)中,再安装依赖包)
npm/cnpm install
通过 package.json 文件

 "dependencies": {
    "cookie-parser": "~1.4.4",
    "debug": "~2.6.9",
    "ejs": "~2.6.1",
    "express": "~4.16.1",
    "http-errors": "~1.6.3",
    "morgan": "~1.9.1"
  }

5. 启动 express

  • node app //需要手动添加监听端口的代码(较快)
    在 app.js 文件的 module.exports = app; 前添上监听端口代码,该方式才能启动项目
    app.listen(端口, function(){
         console.log('Server is running...');
    });

6. 测试项目

打开浏览器,输入 localhost(本机地址):端口 如下:

express-generator安装问题

问题:

通过 sudo npm/cnpm i express-generator -g 命令成功安装 express-generator 后,输入 express --version 命令时,显示:express: command not found.

解决方案:

原因:因为我的 $PATH 不知道 express 在哪

  • 安装好 express-generator 后,会下载相应的文件,找到生成的 express.js 所在的路径
  • 在终端输入:open ~/.bash_profile 打开 bash_profile 文件
  • 添加下面一段到你的 bash_profile 文件中
    export PATH=/Users/vikey/bin(你的 express.js 文件所在的路径):$PATH

  • 保存编辑并回到你的终端。运行 hash -r 命令,然后关闭终端并重启它。
  • 此时再输入 express --version 时,你应该可以看到该命令已经起作用了。

####问题解决参考资料:

推荐阅读