配置好根路径后,router/index.ts 路由文件依旧报错,引入文件可能会报红:vue3+ts报错:找不到模块“@/xxx”或其相应的类型声明。,或者是引入.vue 文件的时候报红:vue3+ts报错:找不到模块“./components/helloworld.vue”或其相应的类型声明。 image.png 解决办法:在vite-env.d.ts文件中增加以
1、修改vite.config.ts 2、修改tsconfig.app.json (ts) 在compilerOptions中添加下面的最后2项:“baseUrl"和"paths” 添加下面代码 "baseUrl": "./", "paths": { "@/*": [ "src/*" ] } 13.项目结构,在src文件夹下,添加api,router ,store,views文件夹 配置vite-env.d.ts 文件 /// <reference ...
然后在vite.config.ts中配置: 1import { defineConfig } from 'vite'2import vue from '@vitejs/plugin-vue'3import path from 'path'4 import AutoImport from 'unplugin-auto-import/vite' 5 import Components from 'unplugin-vue-components/vite' 6 import { ElementPlusResolver } from 'unplugin-vue...
1、创建基于Vite的Project 先创建个工程目录,如vue-study,再通过vscode打开该目录,打开终端。 执行以下命令: pnpm create vite vue-study --template vue-ts 根据提示操作,最后输出“Done.”,则成功。 可以看到,已在vue-study目录中生成许多文件。 执行以下命令安装: pnpm install 执行以下命令以开发模式测试: pnpm...
一、创建前端工程 1.安装node 进入官网下载:Node.js (nodejs.org) 选择安装路径后,默认安装;确认是否成功安装: 2.创建vite项目 ①:npm init vite@latest ②:输入项目名、选择Vue、选择Ts;cd到项目文件夹里;安装依赖项:npm i,启动项目:n
在我们项目中引入自定义组件或者JS\TS文件,我们会采用相对路径来寻找,比如: import Book from '../components/Bppk.vue' 这个配置在Vue\cli脚手架中默认可以使用,但是在Vite搭建的Vue3项目中我们需要配置一下; 整体配置如下: // vite.config.ts import vue from '@vitejs/plugin-vue' import { UserConfig,...
一、搭建项目 (1)、查看node版本 node -v (2)、使用nvm安装最新稳定版Node.js(建议将Node.js升级到最新的稳定版本) 命令:nvm install stable (3)使用 Vite 快速搭建 npm init @vitejs/app 使用 选择输入的方式 或者可用命令直接创建项目 (4)、安装依赖 npm i @types/node --save-devyarn install ...
初始化后的项目会生成一个vite.config.ts文件,这个文件等同于使用vue-cli创建的项目中的vue.config.js 代码语言:javascript 代码运行次数:0 运行 AI代码解释 //导入defineConfig插件以后,修改此文件就可以有代码提示了import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";//路径处理模块importpathfrom...
1.搭建monorepo环境 首先先新建我们的一个项目目录可以命名为:xxx-ui,以下是命令行创建项目目录 mkdir xxx-ui 全局安装pnpm npm install-g pnpm 初始化项目 pnpm init 安装VUE3+TS环境 pnpm install vue typescript 项目中新建.npmrc文件暴露我们的pnpm中的vue模块,并在文件中添加以下代码 ...