JLNTV_IPD/vue3-h5-template
4
0
Fork 0
mirror of https://github.com/xxxsf/vue3-h5-template.git synced 2025-04-05 04:12:45 +08:00
Code Issues Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
xsf0105 2023-12-14 19:07:34 +08:00
parent 0880758c20
commit bfda5e6286
12 changed files with 1311 additions and 280 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
.vscode/settings.json vendored
View File

@ -1,4 +1,19 @@
{
"i18n-ally.localesPaths": ["src/i18n", "src/i18n/lang"],
"cSpell.words": ["consola", "eruda", "mockjs", "nutui", "pinia", "stylelint", "vant", "vite", "vitejs", "vueuse"]
"editor.codeActionsOnSave": {
"source.fixAll": "explicit"
},
"eslint.options": {
// "configFile": "./eslintrc.js",
"rules": {
"no-restricted-syntax": "off"
}
},
"eslint.validate": [
"javascript",
"javascriptreact",
"vue",
"html",
"typescript",
"typescriptreact"
]
}

5
README.md
View File

@ -1,6 +1,6 @@
# vue3-h5-template
基于 vue3 + vite + Pinia + quark design + sass + viewport 适配方案 +axios 封装，构建手机端模板脚手架
基于 vue3 + vite + Pinia + quark design + sass + viewport 适配方案 + axios 封装，构建手机端模板脚手架
### 启动项目
@ -20,7 +20,7 @@ npm run dev
- [√ vite.config.ts 基础配置](#base)
- [√ alias](#alias)
- [√ proxy 跨域](#proxy)
- [√ Eslint+Pettier+stylelint 统一开发规范 ](#lint)
- [√ Eslint + Pettier + stylelint 统一开发规范 ](#lint)
### <span id="env">✅ 配置多环境变量 </span>
@ -278,7 +278,6 @@ export default function ({ command }: ConfigEnv): UserConfigExport {
plugins: [
vue(),
vueJsx(),
eruda(),
viteMockServe({
mockPath: './src/mock',
localEnabled: command === 'serve',

5
config/vite/plugins/eruda.ts
View File

@ -1,5 +0,0 @@
import eruda from 'vite-plugin-eruda';
export const ConfigEruda = () => {
return eruda();
};

4
config/vite/plugins/index.ts
View File

@ -14,7 +14,7 @@ import { ConfigCompressPlugin } from './compress';
import { ConfigPagesPlugin } from './pages';
import { ConfigRestartPlugin } from './restart';
import { ConfigProgressPlugin } from './progress';
import { ConfigEruda } from './eruda';
// import { ConfigEruda } from './eruda';
import { ConfigStyleImport } from './styleImport';
import { ConfigImageminPlugin } from './imagemin';
import { ConfigVisualizerConfig } from './visualizer';
@ -51,7 +51,7 @@ export function createVitePlugins(isBuild: boolean) {
vitePlugins.push(ConfigStyleImport());
// eruda
vitePlugins.push(ConfigEruda());
// vitePlugins.push(ConfigEruda());
// rollup-plugin-visualizer
vitePlugins.push(ConfigVisualizerConfig());

1402
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
package.json
View File

@ -49,6 +49,8 @@
"postcss-px-to-viewport-8-plugin": "^1.1.3",
"prettier": "^2.7.1",
"rollup-plugin-visualizer": "^5.6.0",
"sass": "^1.69.5",
"scss": "^0.2.4",
"stylelint": "^14.9.1",
"stylelint-config-prettier": "^9.0.3",
"stylelint-config-recommended": "^8.0.0",

6
src/main.ts
View File

@ -1,6 +1,5 @@
import { createApp } from 'vue';
import App from './App.vue';
import { nutUiComponents } from './plugins/nutUI';
import { i18n } from '/@/i18n';
import router from './router';
import { setupStore } from '/@/store';
@ -13,8 +12,3 @@ app.use(router);
setupStore(app);
app.use(i18n);
app.mount('#app');
// nutUi按需加载
nutUiComponents.forEach((item) => {
app.use(item);
});

63
src/plugins/nutUI.ts
View File

@ -1,63 +0,0 @@
// nutui按需加载
import {
Button,
Cell,
CellGroup,
Input,
Tabbar,
TabbarItem,
Toast,
ShortPassword,
Price,
Layout,
Rate,
Popup,
Calendar,
Video,
NumberKeyboard,
Tag,
Badge,
Avatar,
Menu,
MenuItem,
Popover,
Pagination,
Form,
FormItem,
Navbar,
Card,
Grid,
GridItem,
} from '@nutui/nutui';
export const nutUiComponents = [
Button,
Cell,
CellGroup,
Form,
FormItem,
Input,
Tabbar,
TabbarItem,
Toast,
ShortPassword,
Price,
Layout,
Rate,
Popup,
Calendar,
Video,
NumberKeyboard,
Tag,
Badge,
Avatar,
Menu,
MenuItem,
Popover,
Pagination,
Navbar,
Card,
Grid,
GridItem,
];

6
src/utils/useAxiosApi.ts
View File

@ -1,6 +1,6 @@
import { useAxios } from '@vueuse/integrations/useAxios';
import axios, { AxiosRequestConfig } from 'axios';
import Toast from 'vant/lib/toast';
import Toast from "quarkd/lib/toast";
// create an axios instance
const instance = axios.create({
@ -46,7 +46,7 @@ instance.interceptors.response.use(
const res = response.data;
// if the custom code is not 200, it is judged as an error.
if (res.code !== 200) {
Toast(res.msg);
Toast.text(res.msg);
// 412: Token expired;
if (res.code === 412) {
// store.dispatch('user/userLogout');
@ -58,7 +58,7 @@ instance.interceptors.response.use(
},
(error) => {
console.log('err' + error);
Toast(error.message);
Toast.text(error.message);
return Promise.reject(error.message);
},
);

1
src/views/home/index.vue
View File

@ -26,6 +26,7 @@
setLang(type);
};
</script>
<style lang="scss">
.header {
display: flex;

15
vite.config.ts
View File

@ -12,6 +12,7 @@ const pathResolve = (dir: string) => {
export default function ({ command }: ConfigEnv): UserConfigExport {
const isProduction = command === 'build';
const root = process.cwd();
return {
root,
resolve: {
@ -20,16 +21,10 @@ export default function ({ command }: ConfigEnv): UserConfigExport {
find: 'vue-i18n',
replacement: 'vue-i18n/dist/vue-i18n.cjs.js',
},
// /@/xxxx => src/xxxx
{
find: /\/@\//,
replacement: pathResolve('src') + '/',
},
// /#/xxxx => types/xxxx
{
find: /\/#\//,
replacement: pathResolve('types') + '/',
},
],
},
server: {
@ -37,13 +32,5 @@ export default function ({ command }: ConfigEnv): UserConfigExport {
hmr: true,
},
plugins: createVitePlugins(isProduction),
css: {
preprocessorOptions: {
scss: {
// 配置 nutui 全局 scss 变量
additionalData: `@import "@nutui/nutui/dist/styles/variables.scss";`,
},
},
},
};
}

63
yarn.lock
View File

@ -1174,16 +1174,27 @@ bin-version@^3.0.0:
execa "^1.0.0"
find-versions "^3.0.0"
bin-wrapper@^4.0.0, bin-wrapper@^4.0.1:
version "0.1.0"
resolved "https://registry.npmjs.org/bin-wrapper-china/-/bin-wrapper-china-0.1.0.tgz"
integrity sha512-1UCm17WYEbgry50tup+AQN+JGVEVzoW4f8HMl899k1lvuFxWKGZXl/G2fgxQxAckRjnloO3ijLVVEsv8zescUg==
bin-wrapper@^4.0.0:
version "4.1.0"
resolved "https://registry.npmjs.org/bin-wrapper/-/bin-wrapper-4.1.0.tgz"
integrity sha512-hfRmo7hWIXPkbpi0ZltboCMVrU+0ClXR/JgbCKKjlDjQf6igXa7OwdqNcFWQZPZTgiY7ZpzE3+LjjkLiTN2T7Q==
dependencies:
bin-check "^4.1.0"
bin-version-check "^4.0.0"
binary-mirror-config "^1"
download "^7.1.0"
import-lazy "^4.0.0"
import-lazy "^3.1.0"
os-filter-obj "^2.0.0"
pify "^4.0.1"
bin-wrapper@^4.0.1:
version "4.1.0"
resolved "https://registry.npmjs.org/bin-wrapper/-/bin-wrapper-4.1.0.tgz"
integrity sha512-hfRmo7hWIXPkbpi0ZltboCMVrU+0ClXR/JgbCKKjlDjQf6igXa7OwdqNcFWQZPZTgiY7ZpzE3+LjjkLiTN2T7Q==
dependencies:
bin-check "^4.1.0"
bin-version-check "^4.0.0"
download "^7.1.0"
import-lazy "^3.1.0"
os-filter-obj "^2.0.0"
pify "^4.0.1"
@ -1192,11 +1203,6 @@ binary-extensions@^2.0.0:
resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz"
integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
binary-mirror-config@^1:
version "1.41.0"
resolved "https://registry.npmjs.org/binary-mirror-config/-/binary-mirror-config-1.41.0.tgz"
integrity sha512-ZiIhR1s6Sv1Fv6qCQqfPjx0Cj86BgFlhqNxZgHkQOWcxJcMbO3mj1iqsuVjowYqJqeZL8e52+IEv7IRnSX6T6w==
bl@^1.0.0:
version "1.2.3"
resolved "https://registry.npmjs.org/bl/-/bl-1.2.3.tgz"
@ -1475,7 +1481,7 @@ change-case@*, change-case@^4.1.2:
snake-case "^3.0.4"
tslib "^2.0.3"
chokidar@^3.5.2, chokidar@^3.5.3:
chokidar@^3.5.2, chokidar@^3.5.3, "chokidar@>=3.0.0 <4.0.0":
version "3.5.3"
resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz"
integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
@ -3438,6 +3444,11 @@ imagemin@^7.0.1:
p-pipe "^3.0.0"
replace-ext "^1.0.0"
immutable@^4.0.0:
version "4.3.4"
resolved "https://registry.npmjs.org/immutable/-/immutable-4.3.4.tgz"
integrity sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==
import-fresh@^3.0.0, import-fresh@^3.2.1:
version "3.3.0"
resolved "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz"
@ -3446,6 +3457,11 @@ import-fresh@^3.0.0, import-fresh@^3.2.1:
parent-module "^1.0.0"
resolve-from "^4.0.0"
import-lazy@^3.1.0:
version "3.1.0"
resolved "https://registry.npmjs.org/import-lazy/-/import-lazy-3.1.0.tgz"
integrity sha512-8/gvXvX2JMn0F+CDlSC4l6kOmVaLOO3XLkksI7CI3Ud95KDYJuYur2b9P/PUt/i/pDAMd/DulQsNbbbmRRsDIQ==
import-lazy@^4.0.0:
version "4.0.0"
resolved "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz"
@ -4668,6 +4684,11 @@ object.pick@^1.3.0:
dependencies:
isobject "^3.0.1"
ometa@0.2.2:
version "0.2.2"
resolved "https://registry.npmjs.org/ometa/-/ometa-0.2.2.tgz"
integrity sha512-LZuoK/yjU3FvrxPjUXUlZ1bavCfBPqauA7fsNdwi+AVhRdyk2IzgP3JRnevvjzQ6fKHdUw8YISshf53FmpHrng==
on-finished@~2.3.0:
version "2.3.0"
resolved "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz"
@ -5545,6 +5566,22 @@ safe-regex@^1.1.0:
dependencies:
ret "~0.1.10"
sass@*, sass@^1.69.5:
version "1.69.5"
resolved "https://registry.npmjs.org/sass/-/sass-1.69.5.tgz"
integrity sha512-qg2+UCJibLr2LCVOt3OlPhr/dqVHWOa9XtZf2OjbLs/T4VPSJ00udtgJxH3neXZm+QqX8B+3cU7RaLqp1iVfcQ==
dependencies:
chokidar ">=3.0.0 <4.0.0"
immutable "^4.0.0"
source-map-js ">=0.6.2 <2.0.0"
scss@^0.2.4:
version "0.2.4"
resolved "https://registry.npmjs.org/scss/-/scss-0.2.4.tgz"
integrity sha512-4u8V87F+Q/upVhUmhPnB4C1R11xojkRkWjExL2v0CX2EXTg18VrKd+9JWoeyCp2VEMdSpJsyAvVU+rVjogh51A==
dependencies:
ometa "0.2.2"
scule@^0.2.1:
version "0.2.1"
resolved "https://registry.npmjs.org/scule/-/scule-0.2.1.tgz"
@ -5753,7 +5790,7 @@ sort-keys@^2.0.0:
dependencies:
is-plain-obj "^1.0.0"
source-map-js@^1.0.2:
source-map-js@^1.0.2, "source-map-js@>=0.6.2 <2.0.0":
version "1.0.2"
resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==