|
@@ -0,0 +1,83 @@
|
|
|
|
+---
|
|
|
|
+title: 智能鞋官网
|
|
|
|
+date: 2022-11-25
|
|
|
|
+tags:
|
|
|
|
+- Vue
|
|
|
|
+- Webpack
|
|
|
|
+- TypeScript
|
|
|
|
+sidebarDepth: 2
|
|
|
|
+categories: 项目
|
|
|
|
+---
|
|
|
|
+
|
|
|
|
+# 智能鞋官网
|
|
|
|
+
|
|
|
|
+> 请编辑过的人员留下你的姓名
|
|
|
|
+
|
|
|
|
+- 文档编辑人员 冯垣玮(2022/10/28)
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+## 说明
|
|
|
|
+
|
|
|
|
+范肆智能鞋官网
|
|
|
|
+
|
|
|
|
+## 项目地址
|
|
|
|
+
|
|
|
|
+- svn://dev.webdev.ouj.com/biz/shoes/trunk/xie-pc
|
|
|
|
+
|
|
|
|
+## 项目域名
|
|
|
|
+
|
|
|
|
+| 环境 | 域名 |
|
|
|
|
+| -------- | -------------------------------------------------------- |
|
|
|
|
+| 正式环境 | [https://www.funfet.com](https://www.funfet.com) |
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+## 技术选型
|
|
|
|
+
|
|
|
|
+> 目标:pc端
|
|
|
|
+
|
|
|
|
+可选择的方案,(1)传统开发模式 (2)Vue (3)React
|
|
|
|
+
|
|
|
|
+由于项目管理方面及新型技术的优势,且有seo需求,终于选择的基于Vue 的ssr渲染框架 Nuxt
|
|
|
|
+
|
|
|
|
+## 最终的技术栈
|
|
|
|
+
|
|
|
|
+> Nuxt(3.0.0-rc.11) + Vue3(3.2.40) + TypeScript + sass(1.55.0) + tailwindcss + element-plus(2.2.17)
|
|
|
|
+
|
|
|
|
+## node版本
|
|
|
|
+
|
|
|
|
+> "node": "16.13.0"
|
|
|
|
+
|
|
|
|
+## 项目架构
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+```Bash
|
|
|
|
+- .nuxt # 开发中用来生成Vue应用程序
|
|
|
|
+- .output # 生产构建
|
|
|
|
+- assets # 本地静态资源
|
|
|
|
+- components # 公共组件
|
|
|
|
+- composables # 组合逻辑文件,会被系统自动识别导入到应用程序,以供全局使用
|
|
|
|
+- layouts # 布局目录
|
|
|
|
+- pages # 页面目录
|
|
|
|
+- public # 公共文件
|
|
|
|
+- app.vue # Nuxt 应用程序中的入口组件
|
|
|
|
+- .gitignore # git 提交忽略文件
|
|
|
|
+- .npmrc # npm运行时配置文件
|
|
|
|
+- package.json # 依赖包管理 JSON 文件
|
|
|
|
+- postcss.config.js # postcss 插件配置
|
|
|
|
+- README.md # README
|
|
|
|
+- tsconfig.json # ts 配置
|
|
|
|
+- tailwind.config.ts # tailwind 配置
|
|
|
|
+- nuxt.config.ts # nuxt 配置
|
|
|
|
+```
|
|
|
|
+
|
|
|
|
+## 命令
|
|
|
|
+
|
|
|
|
+> 打包与开发需使用pnpm,版本pnpm >= 6
|
|
|
|
+
|
|
|
|
+> 开发:npm run dev / yarn dev
|
|
|
|
+
|
|
|
|
+> 打包:npm run build / yarn build
|
|
|
|
+
|
|
|
|
+## 部署
|
|
|
|
+
|
|
|
|
+> node .output/server/index.mjs
|