当前位置: 首页 > 后端技术 > Node.js

《Vue.js 2.x + Express 4.x + Mongodb》探索:(一)快速构建项目

时间:2023-04-04 00:09:52 Node.js

第一节:快速构建项目1.创建Vue这里我们直接使用vue-cli$npminstall--globalvue-cli//vue-cli$vue的全局安装initwebpackmy-project//基于webpack模板创建一个新项目$cdmy-project$npmrundev2.创建Express可以通过应用生成工具express$npminstallexpress-generator-g3快速创建应用骨架。重启设置好端口并合并package.jsonVue和Express项目后,我是这样操作的:将express目录移动到Vue-cli生成的项目中,重命名为server,将sever的package.json中的所有依赖复制粘贴到在vue-cli的依赖中,修改最外层目录package.json的脚本"scripts":{"dev":"webpack-dev-server--configbuild/webpack.dev.conf.js","client":"npmrundev","server":"node./server/bin/www","lint":"eslint--ext.js,.vuesrc","build":"nodebuild/build.js"}注:由于后面会创建Api,所以我们在dev-server中添加代理proxTable。并且为了方便修改,服务器端口配置和mongodb配置都会写在config/index.js中,会逐步完善。4.启动项目下载依赖npminstall启动网页npmrunclient启动服务npmrunservergithub源码项目快速搭建。目前是这样的。由于没有接触过后台,业务逻辑方面需要花时间上网学习。希望能在下一章完成登录和补全。注册,欢迎提问,一起学习^_^。