最近开始学习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查看。
这里先只说创建项目结构，前端和后端连接起来还需要一些配置和操作，后期会有更新。
最近开始学习node，想试着用node和vue写点小东西，两者合在一起写，有点不知道该怎么设置项目目录了，经过一番...
【项目说明：构建项目为前后端分离项目，vue前端和spingboot后端分别部署在不同的Linux服务器下,后端项...
互联网官网开发模板----基于require+gulp的前后端分离的脚手架工具项目地址 目录结构 binrende...
项目前端是vue-cli生成的项目结构，后端是express的生成器生成的目录结构。 1、express后端项目中...
为了演示多项目联合构建 我们把项目目录结构加了一个包目录结构如下
基于贫血模型的开发模式：数据跟方法分离，最经典的就是Web项目常用的MVC结构。前后端分离后，后端的三层结构为 C...
项目整体设计为前后端完全分离的模式，前端采用react以及amazeui构建用户交互界面，后端采用python f...
2020-07-28 Vue项目目录结构解析 build 项目构建（webpack）相关...
专栏目录（持续更新） Vue.js + Spring Boot 前后端分离项目实践（一）：项目简介Vue.js +...
##vue项目目录结构 -- buildConfig //构建脚本 site -- default.js -...
本文标题：vue+node前后端分离项目目录结构构建
本文链接：https://www.haomeiwen.com/subject/chdlkqtx.html
网友评论