yingmd2020的博客

参考文章传送门，src目录下面有一个shims-vue.d.ts(名字可以随便起，毕竟tsconfig会自动加载src下面的所有ts文件)// 声明.vue模块declare module '*.vue' { import { defineComponent } from 'vue' const component: ReturnType<typeof defineComponent> export default component}// 声明.png模块 .jpg同理

安装包yarn add vue-i18n配置根目录新增language文件夹，创建index.ts、ch.js、en.js、jp.js// index.tsimport { createI18n } from "vue-i18n"export default createI18n({ locale: localStorage.getItem("language") || "ch", messages: { ch: require("./ch"),

安装包 yarn add vuex@next vue-router@next axios@nextvue-router在组合API中的使用根目录下创建router文件夹，创建index.ts// router/index.tsimport { createRouter, RouteRecordRaw, createWebHashHistory } from "vue-router"import Login from "@/views/user/login.vue"import CommonL

创建一个空文件夹，进入，运行脚本 yarn init -y加-y可以跳过步骤，后期可以直接在package.json里面修改安装webpack相关依赖 yarn add webpack webpack-dev-server webpack-merge webpack-cli其中webpack-dev-server和webpack-cli启动本地服务，webpack-merge用于合并配置文件，下面有用到安装vue相关依赖 yarn add vue@next vue-loader@next