vue+node前后端分离项目目录结构构建

最近开始学习node,想试着用node和vue写点小东西,两者合在一起写,有点不知道该怎么设置项目目录了,经过一番摸索,看了不少博客,这是本人目前觉得这是最方便直观、又好理解的啦。

构建前提在已经安装好node和vue-cli脚手架,以及webpack的前提下:

1、cmd进入放项目的文件夹,执行vue init webpack  vote创建一个vue项目

2、进入vote这个项目文件,npm install express --save安装express(也可以在安装node的时候全局安装express)

3、执行express server命令,生成写后端代码的server文件。会发现项目目录现在是这样的:

server文件夹的目录是这样的:

命令行现在是这样的:


然后,根据他的提示,可以一次执行cd server、npm install、npm start命令启动服务器。启动成功后,可以输入localhost:3000查看。

这里先只说创建项目结构,前端和后端连接起来还需要一些配置和操作,后期会有更新。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容