Javascript

node.js后端express框架express-generator脚手架入门(一)

本文主要是介绍node.js后端express框架express-generator脚手架入门(一),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

所需软件:

vscode,官网链接下载:https://code.visualstudio.com/;(也可以用自己习惯的编辑器)
node.js,官网链接下载:http://nodejs.cn/
安装自己电脑的合适版本即可。
安装这些一般直接点击下一步即可,对于一些国外的软件注意安装目录中最好不要有中文路径,以免出现问题。

1.首先我们进入终端创建一个expresstest目录,进入重点安装脚手架命令:npm install express-generator -g
“-g”为全局安装,mac安装如果出现错误请在前面加上sudo npm install express-generator -g 输入电脑密码提升权限安装。

2.安装完后我们终端cd进入expresstest目录,用express-generator脚手架来新建一个express项目输入:express test1
创建完后会出现提醒,我们按照提示进入:

1.进入项目:
cd test1

2.安装项目依赖:
npm install

3.运行开启项目:
npm start

3.我们把整个项目目录拖动到vscode即可编辑。

4.我们可以再进行安装另一个比较好用的插件,nodemon 是一款每当文件修改后都自动重启项目的插件。
终端输入进行安装:npm i nodemon cross-env --save-dev

5.然后进行编辑器找到package.json在scripts对象中添加"dev": “cross-env NODE_ENV=dev nodemon ./bin/www,js”
package.json全部代码:

{
  "name": "test1",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www",
    "dev": "cross-env NODE_ENV=dev nodemon ./bin/www,js"
  },
  "dependencies": {
    "cookie-parser": "~1.4.4",
    "debug": "~2.6.9",
    "express": "~4.16.1",
    "http-errors": "~1.6.3",
    "jade": "~1.11.0",
    "morgan": "~1.9.1"
  },
  "devDependencies": {
    "cross-env": "^7.0.3",
    "nodemon": "^2.0.7"
  }
}

(以后我们在终端通过npm run dev 来启动项目即可实现保存项目自动重启)

本文章是我一个字一个字的打出来,图也是我自己做,也是按照我一个初学者的理解思维去写的,本人也是正在看各种视频学习进步中,发现一些好的会写出来也算给自己加深印象吧,顺便记录一下代码,如果有说的不对的地方还望指出,万分感激!
谢谢


一只正在成长的狮子!大家一起努力。


这篇关于node.js后端express框架express-generator脚手架入门(一)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!