一、安装mockjs yarnaddmockjs-S或npmimockjs-D 二、安装vite-plugin-mock npmivite-plugin-mock-D 三、在src/mock/source文件夹下创建user.ts 在index.vue中放入以下内容: import{MockMethod}from'vite-plugin-mock'exportdefault[{url:'/api/getUserInfo', // 注意,这里只能是string格式method:'get',respo...
安装vite-plugin-mock: npm install --save-dev vite-plugin-mock vite-plugin-mock是一个 Vite 插件,它可以帮助我们在 Vite 项目中方便地使用mockjs进行数据模拟。 三、配置 Vite 在vite.config.ts文件中进行如下配置: import { viteMockServe } from 'vite-plugin-mock'; viteMockServe({ mockPath:'mock',...
配置Vite {#configuring-vite} | Vite中文网 (vitejs.cn) vite.config.ts import{ defineConfig }from'vite'importvuefrom'@vitejs/plugin-vue'import{ resolve }from'path';// 编辑器提示 path 模块找不到,可以cnpm i @types/node --dev 即可// https://vitejs.dev/config/exportdefaultdefineConfig({pl...
1、安装mockjs 2、安装vite-plugin-mock 3、在src目录下创建mock文件夹,在文件夹内创建login.ts等文件,并在文件夹内放置以下内容(注:UR...
├── vite.config.ts └── README.md 快速开始 # 安装依赖 npm install # 或者 yarn # 启动开发环境 npm run dev # 构建测试环境 npm run build-fix # 构建生产环境 npm run build 全局环境变量 配置全局环境变量,统一管理项目中的环境变量,包括开发环境、测试环境、生产环境等。
<HelloWorld msg="Hello Vue 3 + TypeScript + Vite" /> </template> import HelloWorld from '@/components/HelloWorld.vue' 3.引入sass (1)安装依赖 npm install --save-dev sass (2)使用 .box{ a{ color: red; } } 4.引入ui库 在src目录下创建plugins...
ts+vite3+vue3+mock+qs实现本地模拟数据功能 第一步:安装qs 因为项目中用到了ts,所以还需要安装: 第二步:安装mock 第三步:创建Vue页面:Category.vue <template>getByIdgetById11getById12addupdateByIddeleteByIdbatchDeletelist</template>import'@/mock/Category';// 引入mock文件importhttpfrom"@/utils...
2. 在 vite.config.ts 文件中配置 vite-plugin-mock , 貌似安装的mock相关在这里注册就可以,其它的文件不需要引用mock相关内容。 import { defineConfig } from 'vite'import vue from'@vitejs/plugin-vue'import { viteMockServe } from'vite-plugin-mock'//https://vitejs.dev/config/exportdefaultdefineCon...
新建variable.scss后,在vite.cofig.ts文件中配置 //scss全局变量配置css: { preprocessorOptions: { scss: { javascriptEnabled:true, additionalData:'@import "./src/styles/variable.scss";'} } } 七、配置mock 1、安装mock pnpm install mockjs -D ...
在vite中使用mockjs进行模拟数据,需要借助新的依赖进行使用 一、安装mockjs yarn add mockjs -S 或 npm i mockjs -D 二、安装vite-plugin-mock npm i vite-plugin-mock -D 三、在src/mock/source文件夹下创建user.ts 在index.vue中放入以下内容: ...