关于express项目创建时的问题

最新推荐文章于 2023-12-15 01:31:55 发布

Hi_Akai

最新推荐文章于 2023-12-15 01:31:55 发布

阅读量766

点赞数

文章标签： vscode 前端 ide

本文链接：https://blog.csdn.net/hi_akai/article/details/125943500

版权

express-generator 项目创建全局安装依赖组件 npm start

关键词由CSDN通过智能技术生成

创建express

我自己在express项目创建的时候遇到过一些问题, 所以把安装步骤罗列出来, 让大家避避坑

创建express

一. 全局安装express-generator

二. 创建项目名称,自动生成express目录

三. 安装express目录中的依赖组件

四. 运行express

一. 全局安装express-generator

打开VScode开发工具
ctrl + ` 快捷键打开终端
输入 npm install -g express-generator (记得 -g 不能少,这个是全局安装,下次就不用重复了)
安装后在终端输入 express -v ,显示如下内容则安装成功

二. 创建项目名称,自动生成express目录

在终端输入 express --view=hbs express-app (express-app为项目名称,可自行修改)
左侧会显示目录生成

三. 安装express目录中的依赖组件

在终端输入 cd express-app (这部是进到我们创建的文件夹中, 不然安装会报错)
在终端输入 npm install
显示上图安装时间即安装成功

四. 运行express

在终端输入npm start
在浏览器输入网址 localhost:3000 即可访问 (或者127.0.0.1:3000 最好填后面这个,因为部分人可能因为以前游戏配置什么的更改了localhost的ip, 就会导致打不开网页)

以上就是我所总结的流程,如果还有什么问题欢迎评论提问, 或者查看其他答主更加优秀的讲解

作者：Hi_Akai，转载请注明出处！！！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Hi_Akai

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

如何利用express新建项目（上）

嵘么么的博客

01-25

427

如何利用express新建项目（上）摘要这篇文章将讲解了如何快速利用express新建项目一.express4.x的安装1. npm install -g express 2. npm install -g express-generator或者npm install -g express-generator@3 后者是指定express命令的版本号,4.x已经把命令行工具分离出来.二.在expr

webstorm 创建express项目

qq_35112578的博客

10-31

857

本文就介绍了通过webstorm 创建express 项目

参与评论您还未登录，请先登录后发表或查看评论

express安装成功创建项目的时候出现错误的解决方案

zhou_xtao的专栏

05-08

1967

1 首先下载Node.js安装包,此处我用的是官方最新的v0.10.27 32位版: http://nodejs.org/dist/v0.10.27/node-v0.10.27-x86.msi 64位版: http://nodejs.org/dist/v0.10.27/x64/node-v0.10.27-x64.msi 猛点下一步安装

第一次创建express易遇问题解决

qq_34290038的博客

08-19

370

初学JavaScript多件套

创建express项目总是报错怎么办?

sdrfsef的博客

05-07

893

首先,我们来创建一个express项目不出意外的情况下,点击create之后应该就会自动创建express项目了,只需稍等片刻,一个express项目已经产生然而,不知是什么原因,我的总是出现如下报错于是,我找到了以下创建express项目的另一种方案,如果你也遇到了同样的问题,不妨一试 1.初始化项目 npm init -y 2.全局安装express npm install -g express 3.全局安装express-generator npm install

express -e 无效解决办法

furfur-jiang的博客

07-24

1105

命令如下： npm install -g express-generator 之后再次安装： npm install -g express 最后 express -e xx名快速生成xx名的项目

Node.js使用Express创建Web项目详细教程

10-20

整个教程详细介绍了Node.js和Express框架入门级别的Web项目创建过程，包括安装Node.js和Express、创建项目、安装依赖包和启动服务的完整流程。通过本教程，初学者可以快速掌握使用Node.js和Express创建Web应用的基础...

express-starter:创建Express项目的样板

05-08

用于创建Express项目的样板。特征先进的项目结构，包括路线，控制器和数据服务的分离。 RESTful用户CRUD API。参数验证。无处不在。每个环境的配置。功能和单元测试。干净的代码：）二手包装后端- ...

使用express-generator创建后端项目

01-07

项目后端搭建express-generator 1.npm install express-generator -g 全局安装 2.express 自定义的文件名项目搭建完成，在package.json中已经帮我们配置好了很多东西，但是并没有安装到我们的项目中，我们需要npm ...

express 项目分层实践详解

10-17

本篇文章将详细介绍如何在Express项目中进行分层实践，旨在帮助开发者实现更高效、更模块化的代码管理。首先，我们要理解四层（或五层）架构的概念。这种架构包括Model实体层、DAO层（数据访问层）、Service层...

view is not a constructor express使用错误

豆瓣奶茶

03-01

2397

var express=require("express"); var app=express(); var ejs = require('ejs'); app.set('view','./views'); app.set("view engine",'ejs'); var originalfoo = app.get; app.get('/',function(req,res){ //

Vscode NodeJS Express创建项目

mumanquan1的博客

12-29

1559

1、新建NodeJS SourceCode目录，例如：D:\nodejs_src 2、打开VsCode，并打开上述目录 3、安装Express插件 4、打开Vscode终端（Terminal），执行以下指令指令 npm install express-generator -g 5、执行以下指令创建Express项目 express iothub_server 此时可能回报以下错误“express : 无法加载文件” 需要通过以下方式设置权限用系统管理员执行PowerShell 输入以下指令最

在VSCode中搭建express后端框架

weixin_52479225的博客

11-18

927

在VSCode中搭建express后端框架

在VSCode下运行nodejs的express路径相关问题

最新发布

qq_16032877的博客

12-15

458

nodeJs-generatord的报错：具体为VScode导入Epress时常见错误。

vscode 创建Express框架目录坏境

时意

09-23

2600

开始学习Express框架因为视频使用的是westorm做教程但是我是用vscode 下面是全局安装 -g 如果本地安装的朋友跟随步骤 express myapp 报错 express不是命令的可以看这篇文章 https://www.cnblogs.com/haimishasha/p/4941285.html（一只猫的旅行）如果找不到nodejs安装的路径看这里nod...

vscode 搭建express后台和vue前端云服务器部署

mengqudoh的博客

12-07

940

vscode 搭建express后台和vue前端云服务器部署

npm安装完express后找不到express命令的解决方法

zwy15841139493的博客

04-08

1461

使用npm install express -g 安装完express后，在控制台中找不到express命令原因是express已经把命令行工具单独分离出来了需要单独安装 npm install -g express-generator ...

node及express安装问题解决方案

summer爱前端

02-06

395

node及express安装

express项目创建

08-10

Express是一个简单灵活的node.js Web应用框架，可以快速搭建一个完整功能的网站。你可以使用Express-generator来创建一个Express的应用骨架。在创建项目之前，你需要安装node环境和express插件模块。有两种方式可以创建Express项目：方式一：使用Express-generator 1. 安装脚手架：运行命令`npm install -g express-generator`安装express-generator。 2. 创建项目：运行命令`express express-demo`创建一个名为express-demo的项目。 3. 安装依赖：进入项目目录，运行命令`npm install`安装项目所需的依赖。 4. 启动项目：运行命令`node bin/www`启动项目。方式二：从零搭建自己的Express应用结构 1. 初始化项目：运行命令`npm init -y`初始化一个空的项目。 2. 安装Express：运行命令`npm install express -S`安装Express。 3. 创建项目入口文件：在项目根目录下新建一个app.js文件，作为项目的入口文件。 4. 编写基本代码：在app.js中引入express，并编写基本的使用代码，例如： ```javascript const express = require('express'); const app = express(); const port = 3000; app.get('/', (req, res) => { res.send('hello world'); }); app.listen(port, () => { console.log('服务器开启成功！'); }); ``` 5. 启动项目：运行命令`node app.js`启动项目。以上是两种常见的创建Express项目的方式，你可以根据自己的需求选择其中一种方式来创建项目。123 #### 引用[.reference_title] - *1* [express创建项目](https://blog.csdn.net/weixin_44090040/article/details/109119175)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] - *2* [Express框架](https://blog.csdn.net/weixin_70024004/article/details/125428944)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] - *3* [Express学习笔记（一）—— 创建项目](https://blog.csdn.net/weixin_44876003/article/details/105311287)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] [ .reference_list ]