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配置差不多,就不一一介绍了。此时可以实现简单的界面和数据交互了。
kraken-ejs创建一个项目【学习札记】的更多相关文章
- 学习将码云账号和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 ...
- Vue.js+vue-element搭建属于自己的后台管理模板:创建一个项目(四)
Vue.js+vue-element搭建属于自己的后台管理模板:创建一个项目(四) 前言 本章主要讲解通过Vue CLI 脚手架构建工具创建一个项目,在学习Vue CLI之前我们需要先了解下webpa ...
- Ionic-wechat项目边开发边学(一):环境搭建和创建一个项目
之前学AngularJS,教程过了一遍觉得很简单,但真正写几个Demo就错误百出,一个小小的功能要折腾很久.所以这次学Ionic,准备以开发一个项目为切入点去学,那么问题来了,开发什么项目呢? 纠结了 ...
- Django 从0开始创建一个项目
title: Django 从0开始创建一个项目 tags: Django --- Django 从0开始创建一个项目 创建Django工程及配置 创建工程:django-admin starproj ...
- Cordova之如何用命令行创建一个项目(完整示例)
原文:Cordova之如何用命令行创建一个项目(完整示例) 1. 创建cordova项目 (注意:当第一次创建或编译项目的时候,可能系统会自动下载一些东西,需要一些时间.) 在某个目录下创建cordo ...
- Gitlab创建一个项目(三)使用IntelliJ IDEA开发项目
Gitlab创建一个项目 Gitlab创建一个项目(二)创建新用户以及分配项目 1.登陆到gitlab 2.点击项目名,获取http的URL 3.idea打开,选择git 4.设置项目路径以及本地保存 ...
- Gitlab创建一个项目(二)创建新用户以及分配项目
Gitlab创建一个项目(一) 1.进入gitlab控制台 2.点击“新建用户” 3.点击“Edit”,创建初始密码 4.分配项目,首页进入项目 5.进入Members菜单 6.选择用户 7.赋予权限 ...
- Gitlab创建一个项目
1.安装git yum install git 2.生成密钥文件:使用ssh-keygen生成密钥文件.ssh/id_rsa.pub ssh-keygen 执行过程中输入密码,以及确认密码,并可设置密 ...
- yii学习笔记--快速创建一个项目
下载yii框架 下载地址:http://www.yiiframework.com/ 中文网站:http://www.yiichina.com/ 解压文件
随机推荐
- 【JEECG技术文档】数据权限自定义SQL表达式用法说明
功能介绍 数据规则通过配置自定义sql来实现数据权限的控制,自定义SQL支持表达式取值 其中自定义sql 条件中字段的名称和数据库表的字段名保持一致. 角色授权 用户角色授权,权限测试不要用adm ...
- 一次UNITY闪退问题的定位心得
最近项目测试发现,运行unity后不退出运行模式,玩了一局后点击 “再来一局”,反复十几局后unity崩掉. 经观察,发现在这十几局的过程中,unity占用内存不断上升,由3.2G左右上升到3.6G左 ...
- UNITY2018 真机开启deepprofiling的操作
手机上运行游戏并开启deepprofiling的命令如下 命令一:adb shell am start -n com.szyh.YHP1.kaopu/com.szyh.YHP1.kaopu.MainA ...
- Delphi XE3通过ADOConnection 连接 MySQL 5.5.27 数据库
Delphi XE3通过ADOConnection 连接 MySQL 5.5.27 数据库 unit Unit1; interface uses Winapi.Windows, Winapi.Mess ...
- HTML5的新标签之一的Canvas
一. <canvas>简介(了解) 1. 什么是canvas: 是HTML5提供的一种新标签 <canvas></canvas> 英 ['kænvəs] 美 [ ...
- Oracle 查询版本号
select * from v$version; -- 或 select banner from sys.v_$version;
- js高级-执行上下文
全局上下文 方法1() 压入 (栈的数据结构 先进后出)push() pop() 1.当一个函数在调用另外一个函数的时候新调用的函数会行成一个新的执行上下文 压入执行环境栈的栈顶 2.浏览器js执 ...
- linux内核配置 kbuild
Linux 内核配置机制 http://blog.csdn.net/dianhuiren/article/details/6917132 linux kbuild文档 http://blog.chin ...
- spring 改变url
server: port: 9010 servlet: context-path: /console
- vue set
Vue 可以通过数组变异的方法可以控制数组的增减,却不能更改数组及对象,vue可以通过set方法改变数组的长度,改变某项的值,在组件中可以使用$set方法改变数组长度和某项的值 调用方法:Vue.se ...