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}}})...
node和npm自行百度安装,这是基本操作。 2:创建项目 根据vite官网的api,我用的是npm安装,命令:npm create vite@latest 新建的项目很简单: npm install下载依赖,然后,npm run dev就运行了项目: 出现了错误,因为我的node版本太低。 升级node版本,下载安装nvm,nvm是node版本的管理工具。 nvm list-->nvm install v...
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 ...
打开项目,发现main.ts有报错 回想起来以前的工程里面有一个shims-vue.d.ts是用来解决这个的,但是现在的工程里面没有这个文件了, 取而代之的是一个vite-env.d.ts的文件,但是这个文件里并没有shims-vue.d.ts的内容。所以我需要手动添加一下。 代码语言:javascript 复制 // vite-env.d.tsdeclare module"*.vue...
一、创建前端工程 1.安装node 进入官网下载:Node.js (nodejs.org) 选择安装路径后,默认安装;确认是否成功安装: 2.创建vite项目 ①:npm init vite@latest ②:输入项目名、选择Vue、选择Ts;cd到项目文件夹里;安装依赖项:npm i,启动项目:n
然后直接进入项目初始化的选择,自定义一些选项可以选择 Customize with create-vue 或者直接附加命令行选项,省去选择操作,直接生成默认最小项目: pnpm create vite my-app --template vue-ts 运行项目 pnpm install pnpm format // perttier 格式化 pnpm dev ...
★★★(通过$ npm create vite@latest创立vite我的项目的时候,在vite.confog.ts文件中增加alias别名时,想要引入node的path模块,会报错 起因:path模块是node.js内置的性能,然而node.js自身并不反对ts 解决方案:装置@types/node) 三、集成路由 (1)、安装支持vue3的路由(vue-router@4)npm i vue-router@4 (2...
1、vite项目初始化 我们使用vite来初始化项目,记得初始化的过程选择vue-ts哟,这样我们就能引入ts,后面不用额外单独对他引入 npminitvite@latest 2、vite 配置 配置别名@ (1)安装node依赖 npm i--save-dev @types/node (2)引入node模块 tsconfig.json{"compilerOptions":{...(省略配置)"types":["node"]},...
一、创建一个Vite+Vue3+TS的项目 从0使用Vite创建Vue3项目 - 简书 (jianshu.com) 二、eslint配置 eslint中文官网:http://eslint.cn/ ESLint最初是由Nicholas C.Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的iavascript代码检测工具 ...
vite构建的ts项目 声明全局types 文件 typedef struct tt, typedefstruct,自定义数据类型struct和类的区别引用大牛的typedefstruct和struct区别:自定义数据结构类型:struct 类名{类体};C语言中的结构体:typedefstruct名字{结构体体}别名;标注的是类型,类似于