express使用记录

文章用啥写?→→ VsCode。
代码用啥写?→
→ VsCode。
编辑器下载:VsCode

一、windows下安装node.js环境: 下载地址

相比以前搭过的服务端语言的环境,node环境的安装简直是业界良心
即使第一次折腾了2天,第二次折腾了2小时,第三次折腾了2分钟

  1. 下载其他版本只需要替换下载链接 https://nodejs.org/dist/v6.2.0/node-v6.2.0-x64.msi 的2个版本号6.2.0为你需要的版本即可
  2. 尽量别把node安装在C盘(使用D:\Program Files\nodejs)
  3. 基础配置项(根据需要设置环境变量)
    设置全局安装包路径: 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 中文网

看文档!!!

  1. 有网,有 node ,有 npm/cnpm/...
  2. 全局安装express: npm install express -g
  3. 安装express应用生成器: npm install express-generator -g
  4. 创建一个express(v4.14.0)应用: express mydemo
  5. 启动应用: npm start

自动更新修改 supervisor

运行起express应用,并做了一丁点修改后,习惯性保存后去刷新了页面,卧槽,【假装这是一张表情图】,左思右想百思不得其解~~~
于是百度 "express 自动刷新",你以为出来了么?并没有~
那就换个词试试:"express 修改更新",遂知supervisor~

  1. 安装:npm install supervisor -g
  2. 启动express:supervisor ./bin/www
  3. 名字太长了~,改package.json->scripts->start配置啊:{"start": "supervisor ./bin/www"}
  4. 在正确的目录使用正确的姿势执行npm start

修改模板引擎为jshtml

若要问我为什么,我只能说看着爽,即使jshtml最后一次更新在n年前~

  1. 安装jshtml-express到项目:npm install jshtml-express --save
  2. 在app.js设置模板引擎为jsthml
    app.engine('jshtml', require('jshtml-express'));
    app.set('view engine', 'jshtml');
  3. 视图文件修改后缀名为.jshtml(.jshtml没高亮?把后缀改成cshtml写代码,然后修改vscode文件关联项:files.associations{"*.jshtml":"cshtml"})
  4. 然后就去瞅文档吧。哈哈
  • 路由中输出模型的时候需要用res.locals = model;输出模型,视图中使用@locals表示为模型

express使用记录的更多相关文章

  1. Express 学习记录

    1. Express 4.0以上的版本需要独立安装 the express "generator",即 npm install -g express-generator.

  2. Express学习(1) ------Express 入门

    Express 是node 第三方框架,大家都知道,框架的意义就在于能大大简化程序地开发.那么我们就看一下Express是怎么简化node程序开发的. 1,用Express写一个hello world ...

  3. 如何从Win7上卸载Sql 2008 R2 Express,再重装

    这两天,因工作需要,需要在一台新的机器上,Win7 64位英文操作系统上,安装Sql Server 2008 R2 Express,安装的过程中出现些问题,在查找问题的过程中,考虑重装 Sql Ser ...

  4. swagger环境搭建

    下面所用工具下载   http://editor.swagger.io/#/  demo   一.安装 swagger editor   说明:安装swagger前需要安装node工具   工具安装 ...

  5. IIS/IIS Express/Asp.net配置片段记录

    事情的起因是,我们在项目中使用了URLRewriter.dll作为实现伪静态的工具,在VS2010及之前的开发环境中,该功能运行正常,但在VS Express 2012 for Web中就不起作用了, ...

  6. 一个用vue-cli vue-router2.1 vue 2.1 vuex2.1 echarts统计 express 的 时间轴 记录每天活动

    界面还挺好看的... 可以记录每天的点点滴滴... 1.使用 express 作为服务器 2.fs 模块 fs.writeFileSync 随机写入模拟数据 3.vuex 包括 states 存储数据 ...

  7. Express+Mongoose(MongoDB)+Vue2全栈微信商城项目全记录(二)

    用mogoose搭建restful测试接口 接着上一篇(Express+Mongoose(MongoDB)+Vue2全栈微信商城项目全记录(一))记录,今天单独搭建一个restful测试接口,和项目前 ...

  8. NodeJS学习笔记 进阶 (8)express+morgan实现日志记录(ok)

    个人总结:这篇文章讲解了Express框架中日志记录插件morgan的示例.读完这篇文章需要10分钟 摘选自网络 章节概览 morgan是express默认的日志中间件,也可以脱离express,作为 ...

  9. node.js web开发:EXPRESS 4.x 以上使用session和cookie 的记录

    关于session 和cookie 我搞了2-3天, 发现这个玩意也挺麻烦的. 很多教程都是把这种会话保存在nosql里面,比如mongo,或者redis等等.但是我还是想直接保存在计算机的内存中,比 ...

随机推荐

  1. Android横竖屏切换生命周期变化

    1. AndroidMenifest没有设置configChanged属性. 竖屏启动(横屏启动相同): onCreate -->onStart-->onResume 切换横屏: onPa ...

  2. laravel安装laravel-ide-helper扩展进行代码提示(二)

    一.扩展的地址 https://github.com/barryvdh/laravel-ide-helper 二.安装扩展 1.引入库: composer require barryvdh/larav ...

  3. CAPTCHA--验证码

    验证码开发有两种方法: 1.自己用代码画一个 2.调用ValidateCode.jar工具包 第一种方式: 创建一个动态web工程 编写一个Servlet,在该Servlet内进行如下操作 验证码开发 ...

  4. L2范数的相关求解

    https://blog.csdn.net/u010725283/article/details/79212762

  5. dotNet程序员的Java爬坑之旅(二)

    囉里囉唆的寫了一大堆,最後還是全刪除了.哎~ 言歸正傳,最近因爲發生了很多事情,所以更新的有嗲晚了,最近也一直在學習,但是感覺效率什麽的不是很高,這是不對的,反思一下,從這篇博文開始,打起精神吧. M ...

  6. ClassLoader的工作机制

    本文中主要介绍类加载器的工作机制 一:首先什么是类加载器? 类加载器就是用来加载java类到java虚拟机中.java源程序经过编译之后形成字节码文件,类加载器将字节码文件加载到内存中,并转换成jav ...

  7. Vue+Webpack构建去哪儿APP_一.开发前准备

    一.开发前准备 1.node环境搭建 去node.js官网下载长期支持版本的node,采用全局安装,安装方式自行百度 网址:https://nodejs.org/zh-cn/ 安装后在cmd命令行运行 ...

  8. java日期格式的常用操作

    顾晓北 | 大侠五级 |园豆:9353 | 2016-08-04 16:17     其他回答(1) 0 public class DateUtils extends PropertyEditorSu ...

  9. Flask 学习目录

    Flask 学习目录 Flask 的学习过程是一个了解如何从单个模块搭建一个 Web 框架的过程. Python.Flask 的安装和设置 简单的 Hello World 程序 使用 Jinjia2 ...

  10. Springboot & Mybatis 构建restful 服务

    Springboot & Mybatis 构建restful 服务一 1 前置条件 jdk测试:java -version maven测试:命令行之行mvn -v eclipse及maven插 ...