0812_作业express安装和简单使用&练习

在管理员用户权限下使用命令安装

nmp install -g express-generator

0812_作业express安装和简单使用&练习_第1张图片
Snip20160814_8.png
]( http://upload-images.jianshu.io/upload_images/2674079-09fe55cfcf0bae8a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

正常这样就是安装成功了, 但也会出现在使用时提示没安装的情况, 不过没关系, 根据提示进行安装就行(使用命令:apt install node-express-generator)


0812_作业express安装和简单使用&练习_第2张图片
Snip20160814_3.png

至此, 待安装程序结束, 就完成了express的安装.

express的简单使用

  1. 使用express创建一个项目(xiangmu是要创建的项目名称)
express -e xiangmu
0812_作业express安装和简单使用&练习_第3张图片
Snip20160814_2.png
  1. 查看 xiangmu 中的内容


    Snip20160814_6.png

    使用命令对其进行安装

nam install
Snip20160814_4.png

而后在 xiangmu 目录下会多一个 node_modules目录(目录下:views是页面, routes是路由)


Snip20160814_7.png
  1. 开启xaingmu
node app.js
nam start
0812_作业express安装和简单使用&练习_第4张图片
Snip20160814_8.png
0812_作业express安装和简单使用&练习_第5张图片
Snip20160814_9.png

练习修改express文件(views, routes)

只修改views中的index


Snip20160814_10.png
0812_作业express安装和简单使用&练习_第6张图片
Snip20160814_11.png

修改routes中的index并且在views中新建页面
routes中index

0812_作业express安装和简单使用&练习_第7张图片
Snip20160814_15.png

views中新建页面


0812_作业express安装和简单使用&练习_第8张图片
Snip20160814_14.png

浏览器访问页面


0812_作业express安装和简单使用&练习_第9张图片
Snip20160814_13.png

你可能感兴趣的:(0812_作业express安装和简单使用&练习)