当前位置:Gxlcms > 数据库问题 > 【Part1】用JS写一个Blog(node + vue + mongoDB)

【Part1】用JS写一个Blog(node + vue + mongoDB)

时间:2021-07-01 10:21:17 帮助过:19人阅读

安装完成后,输入命令 cd blog 切换到项目文件夹后,输入命令 npm run dev 访问一下 http://localhost:8080,项目初始化完成。(最新版本的vue-cli不用手动安装依赖,他会自动安装,第九影院所以没有了 npm install )

技术分享图片

下面解释一下项目的目录

技术分享图片

buildconfig文件都是关于webpack的相关配置,暂且先不管它
项目中安装的依赖都存放在node_modules目录中
src目录就是我们在开发过程中写代码的地方
assets存放一些js css 图片等资源,可根据需要选择要与不要
components中放的就是.vue的文件,每一个文件都是一个组件
routerindex.js就是我们写路由的地方
app.vue就是最终的单页面呈现的组件
main.js就是整个项目的入口文件

后端项目初始化

这里我用的node的express框架,先安装expres生成器,用来快速生成express应用骨架
命令行输入 npm install express-generator -g 
安装成功后,命令行输入 express blog-server www.dijiuyy.com 这里blog-server是后端项目的名称,根据自己需要改变
安装完成后,进入后端项目 cd blog-server
然后执行 npm install 安装项目依赖
安装完成后,启动项目 npm start
打开浏览器访问 localhost:3000 可看到启动成功

技术分享图片

前端和后端都启动成功,接下来就正式开始开发。
show time~

【Part1】用JS写一个Blog(node + vue + mongoDB)

标签:build   完成   版本   module   名称   targe   modules   ini   mon   

人气教程排行