美文网首页
在Visual Studio Code 中安装Express

在Visual Studio Code 中安装Express

作者: 小和尚_58fd | 来源:发表于2020-01-14 23:37 被阅读0次

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

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

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

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

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

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

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

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

创建完成之后你就可以看到生成的目录了,紧接着进行下一步

cd h51802  进入到当前目录

npm install

然后输入启动

npm start

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

这就安装成功了。

简单的来说就是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了

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

相关文章

网友评论

      本文标题:在Visual Studio Code 中安装Express

      本文链接:https://www.haomeiwen.com/subject/loezactx.html