脚本宝典收集整理的这篇文章主要介绍了使用 Vue2.js + Node.js 搭建一个小型的全栈项目,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
由于最近公司业务不是很忙,空闲时间比较多,于是就在纠结Vue.js(之前就学习过)和Node.js先专研哪个比较好,最终选择了先玩玩Node.js。经过一段时间的学习,就有了教程 Node+Koa2+Mysql 搭建简易博客 GitHub地址,想要了解的可以先看看,个人水平有限,希望可以帮到你。
大概过来一个多月,我决定两路开工。使用Node.js给前端写接口,配备后台管理功能,先把后台搭建好。大概几天过后,后台一些简单的功能实现后,就开始用Vue.js开始搭建前台,也一直在想做点什么比较好,于是就做了个豆瓣评分类似的项目。
前端项目地址 https://github.com/wclimb/vue...
前端预览 http://video.wclimb.site后端项目地址 https://github.com/wclimb/vid...
后台管理 http://vue.wclimb.site
由于页面不是很多,vuex用的不多,关键掌握怎么实现就好了
vue2
+ vuex
+ vue-router
+ webpack
+ fetch
+ sass
+ flex
+ svg
+ 阿里字体图标
git clone https://github.com/wclimb/vue-video.git
cd vue-video
npm install 建议使用淘宝镜像(https://npm.taobao.org/) => cnpm i
npm run dev (运行项目)
npm run build (打包项目)
ps: 如果打包之后文件运行不了,请打包之前把路由的 mode:'history'注释掉,该功能去掉了url中丑陋的 # 号
综上:
如果觉得对你有帮助还望关注一下,有问题可以即使提哟,觉得不错的话star
一下也是可以的哟
项目是手机端的,请使用谷歌浏览器手机预览模式
首页默认一种类别只显示10个,可以查看更多显示全部
预览:vue-video
手机扫描图下二维码预览
技术栈:Node
+ Koa2
+ Mysql
预览:video-admin
GitHub: 管理后台
在使用中有任何问题,欢迎反馈给我,可以用以下联系方式跟我交流
|-- build // webpack配置文件
|-- config // 项目打包路径
|-- src // 源码目录
| |-- assets // 图片文件
| |-- base // 移动端适配
| |-- components // 组件
| |-- data // 接口
| |-- router // 路由配置
| |-- store // 状态管理
| |-- style // 样式
| App.vue // 页面入口文件
| main.js // 程序入口文件
|-- static // 静态资源
|-- .babelrc // ES6语法编译配置
|-- .editorconfig // 代码编写规格
|-- .gitignore // git忽略的文件
|-- .postcssrc.js // post-loader的插件配置文件
|-- index.html // 入口html文件
|-- package.json // 项目及工具的依赖配置文件
以上是脚本宝典为你收集整理的使用 Vue2.js + Node.js 搭建一个小型的全栈项目全部内容,希望文章能够帮你解决使用 Vue2.js + Node.js 搭建一个小型的全栈项目所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。