express使用记录

  1. 1. 随便记录下系列 - node->express
    1. 1.1. 一、windows下安装node.js环境: 下载地址
    2. 1.2. 二、使用express
      1. 1.2.1. 安装express 中文网
      2. 1.2.2. 自动更新修改 supervisor
      3. 1.2.3. 修改模板引擎为jshtml

随便记录下系列 - node->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. 然后就去瞅文档吧。哈哈

博客园主页:cnblogs.com
Coding主页:coding.net