node-vue-mongodb全栈项目-项目创建与初始化(一)

182 阅读1分钟

安装环境

vscode编辑器

node

nodemon (npm i nodemon -g)

vue

vue-cli

mongoDB

在github上搭建项目

juejin.cn/post/695900…

项目开发

vscode中打开项目

项目分为三个部分:后台管理界面、服务端、移动端/web端

新建serve文件夹 用来存放服务端

serve文件夹用来存放所有node.js的代码,用来提供给后台管理界面、web端的接口

在终端输入vue create web 新建一个vue项目,用来存放web端或者说移动端的代码

vue-cli创建的项目,很多已经自动配置好了。

新建一个终端窗口 继续用vue create admin 新建一个后台管理界面的vue项目

初始化serve项目

新建第三个终端窗口 进入serve文件夹中cd serve

初始化项目npm init -y,快速创建一个package.json文件。

一般默认的入口文件是index.js,新建一个index.js文件。

image.png 在package.json->scripts中添加项目启动命令:

"serve":"nodemon index.js"

image.png 现在就可以通过'npm run serve'启动serve项目