前端搭建一个web app 的方法有很多，但是最重要的问题是要使用什么样的技术栈。在这里就是用最简单的方式搭建一个网站。
准备工作
1、安装node和npm ，去nodejs中文网下载合适的版本,并安装。
安装node 时，npm会自动安装，安装成功后，在命令行窗口(cmd或其他)使用下列命令检查node和npm 的版本
node -v
npm -v
如果出现 ‘不是内部或外部命令’ 的提示，请把node或npm 的安装目录设置为系统环境变量
2、安装express应用生成器
express 是nodejs 的一个web app 应用框架，相当于 python 的django 或 flask 。
安装npm 后，就可以通过npm 来安装express，在命令行窗口中输入以下命令
npm install express-generator -g
express-generator 是express的应用生成器，用来构建express 应用十分方便。
搭建步骤
准备工作结束，就可以使用express 搭建web app了。在这里，我们来搭建一个名为 tfApp 的web 应用。
1、创建应用
在命令行窗口，进入一个文件夹，输入下面的命令，就可以创建tfApp 应用了
express tfApp -e
由于express 默认使用的是jade模板，考虑到学习成本，我们加上 -e 参数，使用ejs 模板引擎。
2、安装依赖
进入tfApp文件夹内，并安装依赖文件
cd tfApp/ && npm install
3、运行tfApp
等待依赖文件安装成功后，运行以下命令就可以让我们的应用跑起来了。
npm start
在浏览器的地址栏输入 http://localhost:3000/ 就可以看到我们的tfApp 内容了。
4、修改文件，测试app
在 tfApp文件夹内，找到 /views/index.ejs , 并使用编辑器 打开 ，在 body 标签里面加入下面的Hello World , 保存后刷新浏览器，就会看到如下图一样
总结
一个webapp 就这么简单的搭建完成了，但是这只是最基本的。想要不断完善这个应用，还需要去学习了解更多关于express的知识。出门左转请看express 中文网站
网友评论