美文网首页
在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