Maison > outils de développement > VSCode > Comment créer un serveur local avec vscode

Comment créer un serveur local avec vscode

王林
Libérer: 2020-01-09 14:47:12
original
3830 Les gens l'ont consulté

Comment créer un serveur local avec vscode

1. Installer Node

2. Installer express

Ouvrez le terminal et entrez le code suivant :

// 全局安装
npm install express -g

// 测试是否安装成功
express -h

// 安装如果出现问题,则运行
npm install express-generator -g
Copier après la connexion

3. Créer un dossier de projet

(1) Étapes :

1. >

2. cd myappComment créer un serveur local avec vscode

3. npm install

Instructions pour les étapes ci-dessus : Créez d'abord le dossier du projet myapp, entrez le dossier et initialisez le projet.

(2) Composition du framework express

Explication : Comment créer un serveur local avec vscode

bin est le fichier de démarrage du projet, configurez comment démarrer le projet , le npm start par défaut, où le fichier www est utilisé pour démarrer le service

node_modules est le module requis par le fichier.

public est le fichier statique du projet, où sont placés les fichiers js, css, img et autres.

routes est le fichier d'informations de routage du projet, qui contrôle le routage des adresses.

Les vues sont des fichiers de vue, qui contiennent des fichiers modèles tels que ejs ou jade (en fait équivalents aux fichiers au format html)

Ce qui précède est le modèle de framework MVC basé sur express, qui est la base composition d'un projet Web.

4. Exécutez

Dans le terminal dans vsCode, saisissez : pour démarrer le service.

node ./bin/wwwRemarque : Le nœud de chemin ./bin/www` se trouve dans le fichier package.json. Il sera différent lorsque vous l'installerez vous-même.

Accédez dans le navigateur et l'effet montré dans la figure ci-dessous indique que le démarrage est réussi :

localhost:3000Remarque : le numéro de port 3000 est dans le www fichier sous le fichier bin

Articles et tutoriels connexes recommandés : Comment créer un serveur local avec vscodetutoriel vscode

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal