npm install --registry=https://registry.npm.taobao.org

清理yarn/npm本地缓存

查看已缓存包的列表

yarn cache list

yarn 清除缓存

yarn cache clean

nvm 管理node

nvm install latest

简介

使用最新的vue3,vite2,typescript等主流技术搭建的一个供学习参考的模版工程。

包含

• 技术栈：使用 vue3,vite,typescript等前沿技术开发
• ajax：二次封装axios，统一管理接口 axios 中文文档 (javasoho.com)
• UI 框架：element-plus主题样式 Element Plus - The world's most popular Vue 3 UI framework (gitee.io)
• 工具：lodash (Lodash 简介 | Lodash 中文文档 | Lodash 中文网 (lodashjs.com)) 常用的指令，过滤器，storage存储，工具函数

目录结构

|-- public # 静态资源 | |-- config.js # 配置文件 | |-- favicon.ico # favicon 图标 |-- src # 源代码 | |-- api # api 请求 | |-- assets # 主题 变量等资源 | | |-- scss # scss 变量 | | |-- theme # elemet 主题 | |-- components # 全局公共组件 | |-- hooks # 全局 hooks | |-- config # 全局公共配置 | |-- layout # 全局 layout | |-- locale # 国际化 | |-- plugin # 三方插件 | |-- router # 全局路由 | |-- store # 全局 vuex | |-- utils # 全局公用方法 | |-- views # 所有页面 | |-- App.vue # 入口页面 | |-- main.ts # 入口文件 | |-- shims-vue.d.ts # ts 声明文件 |-- static # 静态资源 | |-- img # img | |-- svg # svg |-- .editorconfig # editorconfig |-- .env.development # 环境变量 开发 |-- .env.production # 环境变量 生产 |-- .eslintignore # eslintignore |-- .eslintrc.js # eslint 配置项 |-- .gitignore # gitignore |-- babel.config.js # babel 配置项 |-- index.html # html 模板 |-- package.json # package.json |-- README.md # README |-- tsconfig.json # tsconfig |-- vite.config.ts # vite 配置文件

项目演示

项目设置

yarn  or  npm install

编译开发环境

yarn dev  or  npm run dev

编译正式环境

yarn build or npm run build

使用指南

浏览器支持

本地开发推荐使用Chrome 80+ 浏览器

支持现代浏览器, 不支持 IE