开始nodejs+express的学习+实践(1)

1.express的安装

如何安装express http://www.expressjs.com.cn/starter/installing.html

这个就不用多说了,检测是否成功和express的版本

express -V

v要大写

2.利用express创建项目

执行命令

express ejs blogme

记住,一定要写ejs,这个代表我们的项目使用ejs模板引擎,默认采用jade,jade针对我们使用较为复杂,采用简单的ejs作为我们学习的引擎,

我们打开我们nodejs的安装目录,会看到我们利用express创建的blogme文件

开始nodejs+express的学习+实践(1)_第1张图片

打开blogme,会看到app.js入口文件还有包文件等

开始nodejs+express的学习+实践(1)_第2张图片

我们回到开发软件webstorm,通过目录分支,打开bin目录下的www这个启动文件,

开始nodejs+express的学习+实践(1)_第3张图片

我们将端口3000改为其他值,比如1234,这样看起来会比较顺利。

修改后,我们在cmd窗口切换到blogme目录:

cd blogme

在项目目录下执行:

npm install

会根据我们的package.json下载我们所需的依赖,很重要

这时候等待依赖模块下载完成,执行

npm start

项目就被启动了,cmd会看到提示:

开始nodejs+express的学习+实践(1)_第4张图片

没有报错,我们在浏览器输入地址

http://localhost:1234/ 页面就会显示首页内容

开始nodejs+express的学习+实践(1)_第5张图片

我们在回到cmd窗口查看,可以看到请求时间

开始nodejs+express的学习+实践(1)_第6张图片

此时我们的测试就算完成了,express安装完成,并且可以运行启动,接下来开始作为服务端改做的处理操作!

3.其他了解

我们知道通过 npm install 会根据package.json文件的设置加载依赖

我们查看包文件的内容

开始nodejs+express的学习+实践(1)_第7张图片

在命令执行时,我们需要等待下载(可能比较久,一定等到结束),完毕后我们可以在node_modules目录下看这些下载的依赖模块:

开始nodejs+express的学习+实践(1)_第8张图片

 

 

你可能感兴趣的:(开始nodejs+express的学习+实践(1))