node学习记二之express脚手架及ejs学习
2018-01-03 17:23
190 查看
学习一门语言并且练习,找到合适的资料是很难的,绕了一堆弯子,发现了写的很好的文档在github上,所以自己主要还是记录一下使用流程。
基础指令
node -v 查看node 版本 npm -v 查看npm 版本 npm list express 查看express版本
一、安装过程
1.建立文件夹,在visual studio code中打开,在所在目录中打开终端,输入npm install express-generator -g,
2、安装ejs模块,express -e ejs, npm install
3、然后找到views目录,index.ejs在这个目录下,npm start 启动。
4、在浏览器localhost:3000即可看到默认的页面,
二、详细介绍
1、node_mudules 下是我们通过npm 指令安装的模块。
2、public 是我们放js\css\images静态文件的地方,要想使用里面的文件,还需要配置一下。
3、route 下放的是路由的文件。
4、views下放的是ejs文件
5、app.js是程序启动的入口,引入我们需要的模块和路由。
6、packages.json 写入我们依赖的模块。
三、ejs 使用
模板引擎(Template Engine)是一个将页面模板和数据结合起来生成 html 的工具。ejs 就是其中一种。有3种常用标签。
JavaScript 代码,不输出
HTML内容
HTML 内容
具体还有哪些可以查看ejs官方文档,如何使用github 中有例子一个一个练习即可。
基础指令
node -v 查看node 版本 npm -v 查看npm 版本 npm list express 查看express版本
一、安装过程
1.建立文件夹,在visual studio code中打开,在所在目录中打开终端,输入npm install express-generator -g,
2、安装ejs模块,express -e ejs, npm install
3、然后找到views目录,index.ejs在这个目录下,npm start 启动。
4、在浏览器localhost:3000即可看到默认的页面,
二、详细介绍
1、node_mudules 下是我们通过npm 指令安装的模块。
2、public 是我们放js\css\images静态文件的地方,要想使用里面的文件,还需要配置一下。
3、route 下放的是路由的文件。
4、views下放的是ejs文件
5、app.js是程序启动的入口,引入我们需要的模块和路由。
6、packages.json 写入我们依赖的模块。
三、ejs 使用
模板引擎(Template Engine)是一个将页面模板和数据结合起来生成 html 的工具。ejs 就是其中一种。有3种常用标签。
<% code %>:运行
JavaScript 代码,不输出
<%= code %>:显示转义后的
HTML内容
<%- code %>:显示原始
HTML 内容
具体还有哪些可以查看ejs官方文档,如何使用github 中有例子一个一个练习即可。
相关文章推荐
- nodejs+express+ejs学习记录
- node(4)express 框架 EJS模板,cookie, session的学习
- 一步步学习使用node和express开发web应用(三)——使用EJS模板
- Node.js学习(13)----ejs模板引擎
- Node.js模板引擎学习----ejs
- NodeJS-学习笔记(2)--使用node提供的express框架开发简单的web应用
- 从0到1学习node(七)之express搭建简易论坛
- Nodejs express中创建ejs项目
- 从零开始搭建Node.js, Express, Ejs, Mongodb服务器
- node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
- Node.js学习(14)----EJS模板引擎
- Node.js Express 框架学习
- node.js 和 express 框架学习笔记(2)
- node+express+ejs使用模版引擎做的一个示例demo
- node+express+ejs
- node.js学习笔记(4)--使用Express完成简单的登陆
- node.js学习--创建一个express服务
- node express ejs 搭建个人网站(1)
- node.js学习笔记13—express视图
- node.js学习认识五:Nodejs初阶之express