Nuxt.js该项目是一个ssr结构完整的项目，适合新人练手使用，如果对您有帮助，请右上角给个star，鼓励一下，同时希望指正。也可以加nuxt技术交流群，大家一起相互学习，相互成长。
用到的技术Vue.jsv2.0.0
Nuxt.jsv1.0.0
Node.jsv9.8.0(必须>=8.0)
Express.jsv4.x
MongoDBv3.4.7
element-uiv2.3.2
目录结构├──assets资源目录assets用于组织未编译的静态资源如LESS、SASS或JavaScript├──build打包后的文件├──components存放组件，用于组织应用的Vue.js组件│ ├──Footer页面footer组件│ ├──....├──layouts布局模板文件，默认default，通过为页面设置layout更改│ ├──edit编辑/创建文章模板│├──....├──middleware存放应用的中间件│ ├──auth.js 路由是否登录拦截│ ├──...├──node_modules Node依赖文件├──nuxt.config.jsNuxt主配置文件├──pages存放页面的目录│ ├──index.vue首页│ ├──....├──plugins存放插件，用于组织那些需要在根vue.js应用实例化之前需要运行的Javascript插件│ └──nuxt-quill-plugin.js富文本编辑器插件├──README.mdREADME├──serverexpress后台目录│ ├──api.jsserver端接口│ ├──db.js连接MongoDB数据库文件│ ├──listrouter.jsserver启动配置│ ├──....├──static静态文件目录,此类文件不会被Nuxt.js调用Webpack进行构建编译处理。服务器启动的时候，该目录下的文件会映射至应用的根路径/下├──util存放一些工具文件（自己添加）│ ├──net.js 封装网络请求│ ├──ui.js 封装ui弹框配置│ ├──...前端开发指南首先需要安装>=node8.0因为nuxt1.0.0必须在>=node8.0的环境下才可以安装成功
安装element-ui,安装方法页面这个页面下面有比较详细的demo,可参考
富文本编辑器nuxt-quill-plugin的安装与使用nuxt-quill-plugin.
（划重点，因为本地前后端检测同一个接口无法实现，所以与下面的后端端口不同）前端监控的是3389端口,执行命令"npmrundev";
后端开发指南下载安装MongoDB,具体详情不在此赘述,给上链接MongoDB.
安装Express,具体详情不在此赘述,给上链接Express.
安装supervisor实时监控，可以进行全局，也可只安装在本项目中。全局安装方法：sudonpminstall-gsupervisor.
（划重点，因为本地前后端检测同一个接口无法实现，所以与上面的前端端口不同）后端监控的是3000端口,需要,cd到server文件夹目录下,执行命令"supervisorlistrouter.js";
阿里云部署具体部署步骤不在此详解，具体可看详细教程
构建与运行#installdependencies$npminstall#Oryarninstall#servewithhotreloadatlocalhost:3000$npmrundev#buildforproductionandlaunchserver$npmrunbuild$npmstart#generatestaticproject$npmrungenerateFordetailedexplanationonhowthingswork,checkouttheNuxt.jsdocs.
评论