Date: 1/1/2020Category: 编程技术Tag: Vue
Sass在v4.3.0版本之前使用node-sass需要原生编译libsass导致的问题
Sass在v4.3.0版本之前都是使用的node-sass,而node-sass的底层依赖 libsass,libsass是一个原生库,因此,在Windows下面需要强制用户必须安装python2和Visual Studio才能编译成功。这并不是一件很友好的事情,而且经常导致编译不成功。
喵个咪的博客Sass在v4.3.0版本之前都是使用的node-sass,而node-sass的底层依赖 libsass,libsass是一个原生库,因此,在Windows下面需要强制用户必须安装python2和Visual Studio才能编译成功。这并不是一件很友好的事情,而且经常导致编译不成功。
本文面向希望基于此项目进行二次开发的前端工程师,系统性地讲解项目的技术选型、架构设计与模块划分,并提供扩展开发的实操指引。
本项目是一个面向内容管理的现代前端应用,使用 Nuxt 4(Vue 3)构建,支持 SSR/SSG 双模式部署,提供文章、分类、标签、评论等完整的内容管理功能,并内置多语言(中英文)和暗色模式支持。
| 特性 | 技术方案 |
|---|---|
| 框架 | Nuxt 4(Vue 3.5+) |
| 样式 | Tailwind CSS v4 + CSS 变量主题系统 |
| UI 组件库 | shadcn-vue(基于 Reka UI) |
| 状态管理 | Pinia + 持久化插件 |
| 数据请求 | Axios + TanStack Vue Query |
| 国际化 | @nuxtjs/i18n(prefix 路由策略) |
| 内容渲染 | marked + Shiki + KaTeX + Mermaid |
| 富文本编辑 | Tiptap |
| API 协议 | Protobuf 生成 TypeScript HTTP 客户端 |
| 部署 | SSG 静态生成 + SPA fallback |