zoukankan      html  css  js  c++  java
  • 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配置差不多,就不一一介绍了。此时可以实现简单的界面和数据交互了。

  • 相关阅读:
    IE8使用chrome内核渲染
    JS中的call()方法和apply()方法用法总结(挺好 转载下)
    解决雷达图文字显示不全问题
    echarts legend文字配置多个颜色(转)
    vue中Axios的封装和API接口的管理
    echarts 折线拐点收藏
    echarts 折线图自定义颜色与修改legend颜色
    MUI框架 按钮点击响应不好的问题解决办法
    ECharts将折线变平滑和去掉点的属性
    单例模式——创建型模式01
  • 原文地址:https://www.cnblogs.com/bala/p/6743963.html
Copyright © 2011-2022 走看看