二、添加axios,vue3没有this所以不能全局挂载引用 理解:跟网线一样,添加这个才能访问到网络 没有this所以写法稍微不同,但创建axios过程一样也就使用不同 输入命令: npm install aios 新建ts文件axios.ts写入下方代码 import axiosfrom"axios";constAPI =axios.create({ baseURL:'http://localhost:3000/api',//...
第二步:在 src 目录新建 utils 文件夹,再新建 requestUtil.ts文件,写上以下代码importaxiosfrom'axios'importNprogressfrom'nprogress'import'nprogress/nprogress.css'import{ElMessage}from'element-plus'consthttp = axios.create({baseURL:'',timeout:300*1000,// 请求超时时间设置为300秒})constNETWORK_ERROR...
/// <reference types="vite/client" />declaremodule'*.vue'{import{DefineComponent}from'vue'// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-typesconstcomponent:DefineComponent<{}, {},any>exportdefaultcomponent }// declare module 'axios';// declare module...
npm create vite@latest yarn yarn create vite 输入项目的名字(作者就用test了) Project name: » vite-project 按上下选择框架,这就选vue然后回车 √ Project name: ... test ? Select a framework: » - Use arrow-keys. Return to submit. Vanilla > Vue React Preact Lit Svelte 选择ts, ? Selec...
npm install axios npm install --save-dev sass 11.安装path设置@路径 npm install @types/node --save-dev 12.配置path设置@路径 1、修改vite.config.ts 2、修改tsconfig.app.json (ts) 在compilerOptions中添加下面的最后2项:“baseUrl"和"paths” ...
0.前提 1.node环境和 npm 1. 创建项目 项目名称 vue-ts cd 项目名称 npm install 2. 配置 vite.config.ts vite 中 ...
技术选择:vue3,vite,ts,less,pinia,axios,npm,node 前言:vue3开始推荐使用vite来构建项目,速度更快,而vue-cli维护了,ts来检查代码规范,css预编译推荐使用less,因为很多组件都是用less来写的,兼容性更好,pinia是作者尤雨溪推荐的新一代状态管理工具,更兼容v3+ts语法,后面大概率pinia会代替vuex的,pinia的写法更为...
yarn create vite my-vue-app --template vue # pnpm pnpm create vite my-vue-app --template vue 1. 2. 3. 4. 5. 6. 7. 8. 查看create-vite 以获取每个模板的更多细节:vanilla,vanilla-ts,vue,vue-ts,react,react-ts,react-swc,react-swc-ts,preact,preact-ts,lit,lit-ts,svelte,svelte-ts...
我的这个项目使用到了element-pluis、axios、tailwindcss、animate.css、sass、unplugin-auto-import、unplugin-vue-components、vite-plugin-compression、md5,所以我们这里逐个进行安装即可,下面只展示一个示例 yarn add element-plus 四、配置package.json文件 ...
axios yarn add axios 持久化状态(token)插件pinia-plugin-persistedstate yarn add pinia-plugin-persistedstate 加载进度条 yarn add nprogress ant-design-vue组件库 yarn add ant-design-vue less yarn add less 采用vite进行vue3项目的创建。 1. 创建项目 ...