express使用记录
express使用记录
文章用啥写?→→ VsCode。
代码用啥写?→→ VsCode。
编辑器下载:VsCode
一、windows下安装node.js环境: 下载地址
相比以前搭过的服务端语言的环境,node环境的安装简直是业界良心
即使第一次折腾了2天,第二次折腾了2小时,第三次折腾了2分钟
- 下载其他版本只需要替换下载链接
https://nodejs.org/dist/v6.2.0/node-v6.2.0-x64.msi
的2个版本号6.2.0为你需要的版本即可 - 尽量别把node安装在C盘(使用D:\Program Files\nodejs)
- 基础配置项(根据需要设置环境变量)
设置全局安装包路径:npm config set prefix "D:\Program Files\nodejs\node_global
设置缓存目录:npm config set cache "D:\Program Files\nodejs\node_cache
设置淘宝镜像源:npm install -g cnpm --registry=https://registry.npm.taobao.org
PS: vue2.0用node-v4.5吧~,npm升级命令
npm update
升级npm版本,若是不行则切换为32位版本的试试,再不行换个系统试试T-_-T
二、使用express
安装express 中文网
看文档!!!
- 有网,有 node ,有 npm/cnpm/...
- 全局安装express:
npm install express -g
- 安装express应用生成器:
npm install express-generator -g
- 创建一个express(v4.14.0)应用:
express mydemo
- 启动应用:
npm start
自动更新修改 supervisor
运行起express应用,并做了一丁点修改后,习惯性保存后去刷新了页面,卧槽,【假装这是一张表情图】,左思右想百思不得其解~~~
于是百度 "express 自动刷新
",你以为出来了么?并没有~
那就换个词试试:"express 修改更新
",遂知supervisor~
- 安装:
npm install supervisor -g
- 启动express:
supervisor ./bin/www
- 名字太长了~,改package.json->scripts->start配置啊:
{"start": "supervisor ./bin/www"}
- 在正确的目录使用正确的姿势执行
npm start
修改模板引擎为jshtml
若要问我为什么,我只能说看着爽,即使jshtml最后一次更新在n年前~
- 安装
jshtml-express
到项目:npm install jshtml-express --save
- 在app.js设置模板引擎为jsthml
app.engine('jshtml', require('jshtml-express'));
app.set('view engine', 'jshtml');
- 视图文件修改后缀名为.jshtml(.jshtml没高亮?把后缀改成cshtml写代码,然后修改vscode文件关联项:
files.associations
为{"*.jshtml":"cshtml"}
) - 然后就去瞅文档吧。哈哈
- 路由中输出模型的时候需要用
res.locals = model;
输出模型,视图中使用@locals
表示为模型
express使用记录的更多相关文章
- Express 学习记录
1. Express 4.0以上的版本需要独立安装 the express "generator",即 npm install -g express-generator.
- Express学习(1) ------Express 入门
Express 是node 第三方框架,大家都知道,框架的意义就在于能大大简化程序地开发.那么我们就看一下Express是怎么简化node程序开发的. 1,用Express写一个hello world ...
- 如何从Win7上卸载Sql 2008 R2 Express,再重装
这两天,因工作需要,需要在一台新的机器上,Win7 64位英文操作系统上,安装Sql Server 2008 R2 Express,安装的过程中出现些问题,在查找问题的过程中,考虑重装 Sql Ser ...
- swagger环境搭建
下面所用工具下载 http://editor.swagger.io/#/ demo 一.安装 swagger editor 说明:安装swagger前需要安装node工具 工具安装 ...
- IIS/IIS Express/Asp.net配置片段记录
事情的起因是,我们在项目中使用了URLRewriter.dll作为实现伪静态的工具,在VS2010及之前的开发环境中,该功能运行正常,但在VS Express 2012 for Web中就不起作用了, ...
- 一个用vue-cli vue-router2.1 vue 2.1 vuex2.1 echarts统计 express 的 时间轴 记录每天活动
界面还挺好看的... 可以记录每天的点点滴滴... 1.使用 express 作为服务器 2.fs 模块 fs.writeFileSync 随机写入模拟数据 3.vuex 包括 states 存储数据 ...
- Express+Mongoose(MongoDB)+Vue2全栈微信商城项目全记录(二)
用mogoose搭建restful测试接口 接着上一篇(Express+Mongoose(MongoDB)+Vue2全栈微信商城项目全记录(一))记录,今天单独搭建一个restful测试接口,和项目前 ...
- NodeJS学习笔记 进阶 (8)express+morgan实现日志记录(ok)
个人总结:这篇文章讲解了Express框架中日志记录插件morgan的示例.读完这篇文章需要10分钟 摘选自网络 章节概览 morgan是express默认的日志中间件,也可以脱离express,作为 ...
- node.js web开发:EXPRESS 4.x 以上使用session和cookie 的记录
关于session 和cookie 我搞了2-3天, 发现这个玩意也挺麻烦的. 很多教程都是把这种会话保存在nosql里面,比如mongo,或者redis等等.但是我还是想直接保存在计算机的内存中,比 ...
随机推荐
- Android横竖屏切换生命周期变化
1. AndroidMenifest没有设置configChanged属性. 竖屏启动(横屏启动相同): onCreate -->onStart-->onResume 切换横屏: onPa ...
- laravel安装laravel-ide-helper扩展进行代码提示(二)
一.扩展的地址 https://github.com/barryvdh/laravel-ide-helper 二.安装扩展 1.引入库: composer require barryvdh/larav ...
- CAPTCHA--验证码
验证码开发有两种方法: 1.自己用代码画一个 2.调用ValidateCode.jar工具包 第一种方式: 创建一个动态web工程 编写一个Servlet,在该Servlet内进行如下操作 验证码开发 ...
- L2范数的相关求解
https://blog.csdn.net/u010725283/article/details/79212762
- dotNet程序员的Java爬坑之旅(二)
囉里囉唆的寫了一大堆,最後還是全刪除了.哎~ 言歸正傳,最近因爲發生了很多事情,所以更新的有嗲晚了,最近也一直在學習,但是感覺效率什麽的不是很高,這是不對的,反思一下,從這篇博文開始,打起精神吧. M ...
- ClassLoader的工作机制
本文中主要介绍类加载器的工作机制 一:首先什么是类加载器? 类加载器就是用来加载java类到java虚拟机中.java源程序经过编译之后形成字节码文件,类加载器将字节码文件加载到内存中,并转换成jav ...
- Vue+Webpack构建去哪儿APP_一.开发前准备
一.开发前准备 1.node环境搭建 去node.js官网下载长期支持版本的node,采用全局安装,安装方式自行百度 网址:https://nodejs.org/zh-cn/ 安装后在cmd命令行运行 ...
- java日期格式的常用操作
顾晓北 | 大侠五级 |园豆:9353 | 2016-08-04 16:17 其他回答(1) 0 public class DateUtils extends PropertyEditorSu ...
- Flask 学习目录
Flask 学习目录 Flask 的学习过程是一个了解如何从单个模块搭建一个 Web 框架的过程. Python.Flask 的安装和设置 简单的 Hello World 程序 使用 Jinjia2 ...
- Springboot & Mybatis 构建restful 服务
Springboot & Mybatis 构建restful 服务一 1 前置条件 jdk测试:java -version maven测试:命令行之行mvn -v eclipse及maven插 ...