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


kraken-ejs创建一个项目【学习札记】的更多相关文章

  1. 学习将码云账号和git连接,并且创建一个项目

    一顿操作猛如虎,哈哈 参考网址:https://git-scm.com/book/zh/v1/%E6%9C%8D%E5%8A%A1%E5%99%A8%E4%B8%8A%E7%9A%84-Git-%E7 ...

  2. Vue.js+vue-element搭建属于自己的后台管理模板:创建一个项目(四)

    Vue.js+vue-element搭建属于自己的后台管理模板:创建一个项目(四) 前言 本章主要讲解通过Vue CLI 脚手架构建工具创建一个项目,在学习Vue CLI之前我们需要先了解下webpa ...

  3. Ionic-wechat项目边开发边学(一):环境搭建和创建一个项目

    之前学AngularJS,教程过了一遍觉得很简单,但真正写几个Demo就错误百出,一个小小的功能要折腾很久.所以这次学Ionic,准备以开发一个项目为切入点去学,那么问题来了,开发什么项目呢? 纠结了 ...

  4. Django 从0开始创建一个项目

    title: Django 从0开始创建一个项目 tags: Django --- Django 从0开始创建一个项目 创建Django工程及配置 创建工程:django-admin starproj ...

  5. Cordova之如何用命令行创建一个项目(完整示例)

    原文:Cordova之如何用命令行创建一个项目(完整示例) 1. 创建cordova项目 (注意:当第一次创建或编译项目的时候,可能系统会自动下载一些东西,需要一些时间.) 在某个目录下创建cordo ...

  6. Gitlab创建一个项目(三)使用IntelliJ IDEA开发项目

    Gitlab创建一个项目 Gitlab创建一个项目(二)创建新用户以及分配项目 1.登陆到gitlab 2.点击项目名,获取http的URL 3.idea打开,选择git 4.设置项目路径以及本地保存 ...

  7. Gitlab创建一个项目(二)创建新用户以及分配项目

    Gitlab创建一个项目(一) 1.进入gitlab控制台 2.点击“新建用户” 3.点击“Edit”,创建初始密码 4.分配项目,首页进入项目 5.进入Members菜单 6.选择用户 7.赋予权限 ...

  8. Gitlab创建一个项目

    1.安装git yum install git 2.生成密钥文件:使用ssh-keygen生成密钥文件.ssh/id_rsa.pub ssh-keygen 执行过程中输入密码,以及确认密码,并可设置密 ...

  9. yii学习笔记--快速创建一个项目

    下载yii框架 下载地址:http://www.yiiframework.com/ 中文网站:http://www.yiichina.com/ 解压文件

随机推荐

  1. element ui输入框监听enter事件

    <el-form-item label="关键字"> <el-input v-model="keywords" placeholder=&qu ...

  2. 深度学习原理与框架-Tensorflow卷积神经网络-卷积神经网络mnist分类 1.tf.nn.conv2d(卷积操作) 2.tf.nn.max_pool(最大池化操作) 3.tf.nn.dropout(执行dropout操作) 4.tf.nn.softmax_cross_entropy_with_logits(交叉熵损失) 5.tf.truncated_normal(两个标准差内的正态分布)

    1. tf.nn.conv2d(x, w, strides=[1, 1, 1, 1], padding='SAME')  # 对数据进行卷积操作 参数说明:x表示输入数据,w表示卷积核, stride ...

  3. jquery元素使用

    特殊用法: var formFields = $([]).add(_ele1).add(_ele2);  可将多个元素整合到一个集合中 1.has方法 has()方法查找自己,has为子集条件,即包含 ...

  4. UI5-学习篇-6-SAP创建OData服务-RFC

    1.创建项目 2.Import RFC接口 3.定义实体名 目标服务器:若连接外部服务器则需SM59配置Destination 选择RFC函数名 4.选择数据源参数 5.设置主键值 6.保存成功 7. ...

  5. Ftp命令使用

    FTP> ? 显示 ftp 命令说明.? 与 help 相同. 格式:?  [command] 说明:[command] 指定需要帮助的命令名称.如果没有指定 command,ftp将显示全部命 ...

  6. search() 方法解析

    search()方法支持正则表达式的String对象的方法. 好,我们直接来贴代码,看效果,从实践理解透析方法的知识点和实际运用. var str="Visit W3School!" ...

  7. github学习心得。哈哈,今天上传了自己的项目!

    使用github托管代码 仓库(Repository) 用来存放项目代码,每个项目对应一个仓库.如果有多个项目了就需要多个仓库 收藏(star) 仓库主页star按钮,意思为收藏项目的人数 复制克隆项 ...

  8. 使用 COM 类库创建链接桌面快捷方式

    用到的 COM 类库: Windows Script Host Object Model --> Interop.IWshRuntimeLibrary.dll 示例代码: private sta ...

  9. java的Timer和TimerTask

    java中Timer类使用的方法是如下的: Timer timer = new Timer(); timer.schedule(new TimerTask() { public void run() ...

  10. Applese的毒气炸弹-最小生成树Kruskal算法

    链接:https://ac.nowcoder.com/acm/contest/330/G来源:牛客网 题目描述 众所周知,Applese 是个很强的选手,它的化学一定很好. 今天他又AK了一套题觉得很 ...