给公司写一个响应式官网页面,公司追求国际化,要求支持中英法三国语言,主题背景可以切换,所以随手快速搭了一个框架,可以直接跑起来先 需要的可以直接拿来用
- vue3+webpack5框架
- vue-i18n国际化语言
- vue-router4路由
- element组件库
- 支持主题切换,暗黑模式
- node版本14
切换到 main分支
- 切换到 multiple-pages分支,
- src/index.html是入口的html文件,src/pages/下面的都会共用,
- src/pages/main/index.js 是启动的入口文件,编译会生成index.html首先加载(本地启动可以看到:http://localhost:3001/#/home),
- src/pages/[name]/index.js 会被编译为[name].html,后面根据不同可以跳转到不同的html文件(比如:http://localhost:3001/page1.html#/home),
- src/router 是配置的路由(即使是多页面应用下也可以共用router,可以减少代码冗余,不需要这些配置的话可以在对应的src/pages/[name]/index.js中配置),
- src/view下面是路由的vue文件,
- src/i18n是国际语言配置,
- src/component是公共组件,
- npm install
- npm run dev
- npm run build