站长

<h2 id="heading-0">1、nuxt介绍</h2>
<p>（1）nuxt是服务端渲染技术。
（2）nuxt是一个基于Vue.js的轻量级框架。</p>
<h2 id="heading-1">2、搭建前端环境</h2>
<p><strong>（1）找到模板，解压既可用，相关依赖都已经下载好了</strong>
<img src="https://img.blogweb.cn/article/75607e9a9c99477f94fbc72674d70e69.webp" loading="lazy" alt="搭建项目前端环境（nuxt）"></p>
<p><strong>（2）另一种方式，nuxt官方模板，需要修改配置，之后下载依赖</strong>
<img src="https://img.blogweb.cn/article/e503c3472f7043e7800637ac7eb10414.webp" loading="lazy" alt="搭建项目前端环境（nuxt）"></p>
<p><strong>（3）需要修改配置文件，把插值表达式<code>（{{}}</code>）,替换成字符串</strong>
<img src="https://img.blogweb.cn/article/fa25ec338d6744109658716a9fac65b2.webp" loading="lazy" alt="搭建项目前端环境（nuxt）">
<img src="https://img.blogweb.cn/article/92cf278e49f248d9bb313ee718bee43a.webp" loading="lazy" alt="搭建项目前端环境（nuxt）"></p>
<p><strong>（4）在终端打开执行 Npm install</strong></p>
<h2 id="heading-2">3、使用命令启动npm run dev</h2>
<p><img src="https://img.blogweb.cn/article/9df3669f24254b3393d20cd7fc10f458.webp" loading="lazy" alt="搭建项目前端环境（nuxt）">
<img src="https://img.blogweb.cn/article/f7e02fc1b6184e4abae851c51c9c306b.webp" loading="lazy" alt="搭建项目前端环境（nuxt）"></p>
<p><img src="https://img.blogweb.cn/article/848e45e96b9a46909f6baf4fbdd6bf99.webp" loading="lazy" alt="搭建项目前端环境（nuxt）"></p>

1、nuxt介绍（1）nuxt是服务端渲染技术。（2）nuxt是一个基于Vue.js的轻量级框架。2、搭建前端环境（1）找到模板，解压既可用，相关依赖都已经下载好了（2）另一种方式，nuxt官方模板，需要修改配置，之后下载依赖（3）需要修改配置文件，把插值表达式）,替换成字符串（4）在终端打开执行Npminstall3、使用命令启动npmrundev