智能鞋官网

请编辑过的人员留下你的姓名

• 文档编辑人员 冯垣玮(2022/10/28)

说明

范肆智能鞋官网

项目地址

• svn://dev.webdev.ouj.com/biz/shoes/trunk/xie-pc

项目域名

环境	域名
正式环境	https://www.funfet.com (opens new window)

技术选型

目标: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"

项目架构

- .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

PM2 部署

存在问题：打包后上传至服务器，依赖包不全，处理方式：重新安装依赖包