5se7en.com Save

5se7en.com

nuxtjs+express+vue2.0+vuex搭建的服务端渲染个人网站项目 github项目地址: https://github.com/se7en-1992/5se7en.com 项目线上地址: https://5se7en.com/

注意事项

• node>=v8.0.0+ (nuxt1.0.0以上版本的node版本号必须大于v8.0.0否则启动的时候会报错)
• 若要测试游戏登录请点击前往套马游戏注册一个账号

技术选型

• 为什么要使用服务端渲染
• 为什么选用nuxtjs

开发环境

• Node.js: ^8.9.4
• express: ^4.16.2
• nuxtjs: ^1.0.0-rc11
• vue: ^2.5.3

git clone https://github.com/se7en-1992/5se7en.com.git

cd 5se7en.com

# install dependencies
npm install # Or yarn install*[see note below]

npm run dev

使用浏览器打开 http://localhost:5757

nuxt介绍

• nuxt详细的入门教程这里不做详细的介绍，官方文档讲解的已经非常详细了。这里简单介绍一下项目目录作用

nuxt目录介绍

• assets
• components
• layouts
• middleware
• pages
• plugins
• static
• store

nuxt配置介绍

• config
• nuxt.config.js
• editorconfig EditorConfig是一套用于统一代码格式的解决方案
• eslintrc.js ESLint是一个应用广泛的 JavaScript 代码检查工具
• gitignore git提交忽略项配置文件
• newrelic.js newrelic配置文件
• start.js express启动入口文件，开发环境直接使用nuxt启动并没有走start.js，生产环境用pm2启动的该文件

友情提示

• N-blog(一个不错的Nodejs + Express + MongoDB入门项目)
• vue2.0官网文档
• nuxtjs官方文档
• vue2-elm(一个不错的vue2.0个人项目)
• nuxt.js