kraken-ejs创建一个项目【学习札记】
Keep in Touch. 保持联络。 Who’s calling? 是哪一位? You did right. 你做得对。 You set me up! 你出卖我!
kraken-express-ejs等技术结合创建一个新项目
1. 安装kraken
2. 通过kraken创建一个项目,yo kraken 项目名称
项目目录:
/config //应用程序配置包括环境的具体配置
Application configuration including environment-specific configs
/controllers // 路由层
Routes and logic
/locales // 语言
Language specific content bundles
/lib //要在应用程序中使用的公共库
Common libraries to be used across your app
/models //模板
Models
/public //静态文件
Web resources that are publicly available
/public/templates
Server and browser-side templates
/tasks
Grunt tasks to be automatically registered by [grunt-config-dir](https://github.com/logankoester/grunt-config-dir)
/tests //单元和功能测试用例
Unit and functional test cases
index.js
Application entry point
config配置: 例如:config配置ejs。
注释:config.json是默认配置文件,development.json基于config.json配置文件,会再次覆盖掉config.json文件
1. 在config.json中添加如下配置代码:
"express":{
"view engine": "ejs", //引入ejs模板
"view cache": true, //html文件缓存
"views": "path:./views" //html文件路径
},
"view engines": {
"ejs": {
"module": "ejs", //ejs模板
"renderer": "renderFile"
}
},
2. 安装ejs模板: npm install --save ejs //--save 在models文件夹中安装模板的同时,在package.json中同时会显示安装版本信息。
注释:还有一个安装命令:npm install ejs //该条安装命令只在models文件夹中安装模板文件,不会在package.json文件中显示安装版本信息。
说到package.json文件,在package.json文件中的"dependencies"和"devDependencies"的区别是"devDependencies"是固定的模板的版本信息。
3. 根据指定的路径创建html模板文件夹。上述指定的是项目根目录下的views文件夹,所以在项目根目录下创建一个views模板文件夹,分板块创建ejs模板文件。
监控js命令:supervisor server.js(启动文件) //利用supervisor监控项目的js文件。这样就不用每次都重启项目了[supervisor监控进程状态,异常退出时能自动重启]。
此时,kraken+ejs创建一个基本项目就完成了,其他的配置跟ejs配置差不多,就不一一介绍了。此时可以实现简单的界面和数据交互了。