随便记录下系列 - node->express

时间:2023-03-08 17:15:30

随便记录下系列 - 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 中文网

看文档!!!

  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(没颜色?把后缀改成cshtml写代码)
  4. 然后就去瞅文档吧。哈哈
  • 路由中输出模型的时候需要用res.locals = model;输出模型,视图中使用@locals表示为模型
  • 不定期更新ing~~~

随便记录下系列 - node->express

目测园子要在2017年更新下分类了


博客园主页:cnblogs.com

Coding主页:coding.net