在Visual Studio Code 中安装Express

那么什么是Express,express是node.js的快速、非选择性、简约的web框架。使用express就可以轻松快速的创建强大的API。

下面我们具体说一下安装步骤:

第一步  在VSC编辑器中选择打开自己的项目文件夹

第二步  Ctrl+shift+x  打开扩展商店搜索express并下载安装(我的是已经安装好的)

在Visual Studio Code 中安装Express

第三步 Ctrl+` 打开调试控制台里的终端

在Visual Studio Code 中安装Express

然后输入  npm install express-generator -g  回车

创建一个自己命名的目录(比如h51802)  那么再输入: 

express h51802(如果要在创建时使用ejs模板就在中间加一个-e。如:express -e h51802)如图:

在Visual Studio Code 中安装Express

创建完成之后你就可以看到生成的目录了,紧接着进行下一步
cd h51802  进入到当前目录
npm install
然后输入启动
npm start

       完成操作之后打开网页,在地址栏输入:localhost:3000就会显示一下界面

在Visual Studio Code 中安装Express

这就安装成功了。

简单的来说就是5步走:

1.创建项目(webstorm),npm install express-generator -g
   创建目录express h51802  
2.添加一个新页面 views/page1.ejs, routes/page1.js
3.在app.js 第10行添加 var page1 = require('./routes/page1');
4. 在第27行添加 app.use('/page1', page1);

5.然后就可以*的修改page1.ejs了


在这里文件名最好保持一致,避免出错。