| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[12],{286:function(t,s,a){"use strict";a.r(s);var e=a(13),n=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"智能鞋官网"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#智能鞋官网"}},[t._v("#")]),t._v(" 智能鞋官网")]),t._v(" "),s("blockquote",[s("p",[t._v("请编辑过的人员留下你的姓名")])]),t._v(" "),s("ul",[s("li",[t._v("文档编辑人员 冯垣玮(2022/10/28)")])]),t._v(" "),s("h2",{attrs:{id:"说明"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#说明"}},[t._v("#")]),t._v(" 说明")]),t._v(" "),s("p",[t._v("范肆智能鞋官网")]),t._v(" "),s("h2",{attrs:{id:"项目地址"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#项目地址"}},[t._v("#")]),t._v(" 项目地址")]),t._v(" "),s("ul",[s("li",[t._v("svn://dev.webdev.ouj.com/biz/shoes/trunk/xie-pc")])]),t._v(" "),s("h2",{attrs:{id:"项目域名"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#项目域名"}},[t._v("#")]),t._v(" 项目域名")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("环境")]),t._v(" "),s("th",[t._v("域名")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("正式环境")]),t._v(" "),s("td",[s("a",{attrs:{href:"https://www.funfet.com",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://www.funfet.com"),s("OutboundLink")],1)])])])]),t._v(" "),s("h2",{attrs:{id:"技术选型"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#技术选型"}},[t._v("#")]),t._v(" 技术选型")]),t._v(" "),s("blockquote",[s("p",[t._v("目标:pc端")])]),t._v(" "),s("p",[t._v("可选择的方案，(1)传统开发模式 (2)Vue (3)React")]),t._v(" "),s("p",[t._v("由于项目管理方面及新型技术的优势，且有seo需求，终于选择的基于Vue 的ssr渲染框架 Nuxt")]),t._v(" "),s("h2",{attrs:{id:"最终的技术栈"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#最终的技术栈"}},[t._v("#")]),t._v(" 最终的技术栈")]),t._v(" "),s("blockquote",[s("p",[t._v("Nuxt(3.0.0-rc.11) + Vue3(3.2.40) + TypeScript + sass(1.55.0) + tailwindcss + element-plus(2.2.17)")])]),t._v(" "),s("h2",{attrs:{id:"node版本"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#node版本"}},[t._v("#")]),t._v(" node版本")]),t._v(" "),s("blockquote",[s("p",[t._v('"node": "16.13.0"')])]),t._v(" "),s("h2",{attrs:{id:"项目架构"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#项目架构"}},[t._v("#")]),t._v(" 项目架构")]),t._v(" "),s("div",{staticClass:"language-Bash extra-class"},[s("pre",{pre:!0,attrs:{class:"language-bash"}},[s("code",[t._v("- .nuxt "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 开发中用来生成Vue应用程序")]),t._v("\n- .output "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 生产构建")]),t._v("\n- assets "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 本地静态资源")]),t._v("\n- components "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 公共组件")]),t._v("\n- composables "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 组合逻辑文件，会被系统自动识别导入到应用程序，以供全局使用")]),t._v("\n- layouts "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 布局目录")]),t._v("\n- pages "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 页面目录")]),t._v("\n- public "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 公共文件")]),t._v("\n- app.vue "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# Nuxt 应用程序中的入口组件")]),t._v("\n- .gitignore "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# git 提交忽略文件")]),t._v("\n- .npmrc "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# npm运行时配置文件")]),t._v("\n- package.json "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# 依赖包管理 JSON 文件")]),t._v("\n- postcss.config.js "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# postcss 插件配置")]),t._v("\n- README.md "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# README")]),t._v("\n- tsconfig.json "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# ts 配置")]),t._v("\n- tailwind.config.ts "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# tailwind 配置")]),t._v("\n- nuxt.config.ts "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("# nuxt 配置")]),t._v("\n")])])]),s("h2",{attrs:{id:"命令"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#命令"}},[t._v("#")]),t._v(" 命令")]),t._v(" "),s("blockquote",[s("p",[t._v("打包与开发需使用pnpm，版本pnpm >= 6")])]),t._v(" "),s("blockquote",[s("p",[t._v("开发：npm run dev / yarn dev")])]),t._v(" "),s("blockquote",[s("p",[t._v("打包：npm run build / yarn build")])]),t._v(" "),s("h2",{attrs:{id:"部署"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#部署"}},[t._v("#")]),t._v(" 部署")]),t._v(" "),s("blockquote",[s("p",[t._v("直接部署 node .output/server/index.mjs")])]),t._v(" "),s("blockquote",[s("p",[t._v("PM2 部署")])]),t._v(" "),s("p",[t._v("存在问题：打包后上传至服务器，依赖包不全，处理方式：重新安装依赖包")])])}),[],!1,null,null,null);s.default=n.exports}}]);
|
