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配置差不多，就不一一介绍了。此时可以实现简单的界面和数据交互了。