资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

(七)、安装express框架并创建项目-创新互联

我们需要用全局模式安装 Express

创新互联建站10多年企业网站设计服务;为您提供网站建设,网站制作,网页设计及高端网站定制服务,企业网站设计及推广,对成都封阳台等多个方面拥有丰富的网站营销经验的网站建设公司。

npm install -g express

等一会就可以安装完成

测试express完成安装的一个方法就是查看其版本号,执行命令 “express -V”(大写的V)正常情况下回输出版本号如图,但有遇到不正常情况的,会提示“express不是内部或外部命令”,这样问题就来了,这是什么原因呢?

有两种可能:①在安装node是没有添加环境变量,这种情况把node添加的环境变量即可解决。

(七)、安装express框架并创建项目(七)、安装express框架并创建项目

②express 4.x版本中将命令工具分出来了,需要再安装一个命令工具,执行命令“npm install -g express-generator”完成后再测试就可以了。

现在我们就可以在命令行下通过 express 命令快速创建一个项目了。

在这之前先使用 express --help 查看帮助信息 :

(七)、安装express框架并创建项目(七)、安装express框架并创建项目

通过以下命令建立网站基本结构:

express -t ejs microblog

(七)、安装express框架并创建项目(七)、安装express框架并创建项目

它还提示我们要进入其中运行 npm install,我们依照指示,结果如下:

(七)、安装express框架并创建项目(七)、安装express框架并创建项目

它会自动安装了依赖express。

目录中的 package.json 文件内容如下:

(七)、安装express框架并创建项目(七)、安装express框架并创建项目

之后我们用cd命令进入项目,运行npm start命令

(七)、安装express框架并创建项目

输入http:localhost:3000

结果如下:

(七)、安装express框架并创建项目

为什么没有端口好也会出来呢?

这是因为在项目文件下有一个\bin文件,下面有一个www的文件

打开后,内容如下:

(七)、安装express框架并创建项目

那么页面上的内容是怎么显示出来的呢?

在项目中的routes有一个index.js的文件

内容如下:

(七)、安装express框架并创建项目

在views下有一个为index.jade的文件

内容如下:

(七)、安装express框架并创建项目

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享文章:(七)、安装express框架并创建项目-创新互联
网站URL:http://cdkjz.cn/article/eiphi.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220