一位35岁的java转前端撸nuxt.js真香

首先java转前端是一件很easy的一件事情，其次是nuxt学起来也不是很难

首先科普一下什么是nuxt，为什么那么好用?

Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性。

1、创建项目命令雷同vue脚手架 npx create-nuxt-app 项目名称

或者

yarn create nuxt-app <项目名>

2、开发模式如何debug

cd 项目目录 然后

npm run dev

3、熟悉项目的目录结构

Nuxt.js 的默认应用目录架构提供了良好的代码分层结构，适用于开发或大或小的应用。当然，你也可以根据自己的偏好组织应用代码。

4、更多目录结构学习 资源目录 assets 组件目录 components 布局目录 layouts 中间件目录 middleware 页面目录 pages 插件目录 plugins 静态文件目录 static Store 目录 nuxt.config.js 文件 package.json 文件 其他文件 别名 目录 ~ 或 @ srcDir ~~ 或 @@ rootDir

默认情况下，srcDir 和 rootDir 相同。

提示: 在您的 vue 模板中, 如果你需要引入 assets 或者 static 目录, 使用 ~/assets/your_image.png 和 ~/static/your_image.png方式。

5、进阶问题

根据浏览器的版本拦截进入系统，比如低于IE11以下 跳转 提示浏览器升级 页面，直接在中间件中处理

const userAgent = process.server ? context.req.headers[‘user-agent’] : navigator.userAgent;

let re = new RegExp(“MSIE ([0-9]{1,}[.0-9]{0,})”);

if (re.exec(userAgent) != null) {

//该升级浏览器拉

}