express使用记录

2018-09-14 15:45:17 浏览数 (1)

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 Filesnodejs)
  3. 基础配置项(根据需要设置环境变量) 设置全局安装包路径: npm config set prefix "D:Program Filesnodejsnode_global 设置缓存目录: npm config set cache "D:Program Filesnodejsnode_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表示为模型

0 人点赞