typings/vue-shim.d.ts TypeScriptTS默认只认ES 模块。如果你要导入.vue文件就要declare module把他们声明出来。 配置脚本启动项目 最后在package.json文件中配置scripts脚本 然后终端输入我们熟悉的命令:pnpm run dev vite启动默认端口为3000;在浏览器中打开localhost:3000 就会看我们的“启动测试”页面。 本地调试 新...
在vite-env.d.ts文件中声明vue文件的使用,添加如下代码,如以有该代码可忽略 /// <reference types="vite/client" />declare module'*.vue'{importtype{DefineComponent}from"vue";constcomponent:DefineComponent<{},{},any>exportdefaultcomponent} 创建并配置vue的全局声明ts文件 mkdir typings touch vue-shim.d...
1.创建router目录,创建index.ts // 安装vue router npm install vue-router --save 2.在views下新建2个文件,一个index.vue,一个about.vue,建好文件之后我们来编写router下的index.ts import { cre
Vue3+TS+Vite+pinia 一、创建项目 创建文件夹,然后cmd,输入以下内容。然后选择TS版本。 npm create vite 二、安装依赖 在vs code中,使用终端,输入命令 npm i 三、安装其他插件 3.1、路由 vue-router 多页面应用需要安装路由。所以需要使用vue-router。 npm i vue-router 3.2、全局插件 pinia vue有两个全员插件...
1、修改vite.config.ts import{defineConfig}from 'vite'import vue from '@vitejs/plugin-vue'import path from "path";//这个path用到了上面安装的@types/node// https://vitejs.dev/config/export default defineConfig({plugins:[vue()],resolve:{alias:{'@':path.resolve('./src')//@代替src}}}...
前言:上一篇,我们搭建了基础的vue3+vite+ts项目。本篇,我们来做开发前的准备工作。 一:env文件配置。 新搭建的项目,并没有env文件。 点击新建文件,我新建了三个环境,分别是: 测试环境:.env.development;本地环境:.env.localhost;线上环境:.env.production ...
在vite.config.ts里面加入下面的代码 import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],css:{preprocessorOptions:{less:{javascriptEnabled:true}}},resolve:{//添加别名alias:{'@':resolve(__dirname,'./src')},ex...
初始化vscode+vue3+vite+ts项目和相关配置(自用) 1.创建项目 执行命令后,会让输入项目名,和预安装一些插件。 WeChat60760b3a3bf73d6b7659a3b7ce96d71e.jpg 建议安装:vue-router、ESLint、Prettier,本文后续内容是以默认安装了前面三个而展开的。
之前的主颜色是静态设置的,这里通过颜色选择器选择颜色动态设置。 删除静态设置主颜色 编辑src/style.css,删除如下静态主颜色样式。 :root{--el-color-primary: red; }:root.dark{--el-color-primary: red; } 颜色Store 新建src/store/color.ts,内容如下。主要是有一个primary主颜色的属性并且默认是element-pl...
base.ts: import axios from 'axios' const request = (option: any) => { return axios(option) } function Service(value: { namespace?: string; url?: string; prefix?: string }) { return function (target: any) { target.prototype.namespace = value.namespace ...