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}}})...
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 ...
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.安装node 进入官网下载:Node.js (nodejs.org) 选择安装路径后,默认安装;确认是否成功安装: 2.创建vite项目 ①:npm init vite@latest ②:输入项目名、选择Vue、选择Ts;cd到项目文件夹里;安装依赖项:npm i,启动项目:npm run dev ③:打开浏览器,进入:http://localhost:5173/ 二、创建后端...
解决main.ts 报错 打开项目,发现main.ts有报错 回想起来以前的工程里面有一个shims-vue.d.ts是用来解决这个的,但是现在的工程里面没有这个文件了, 取而代之的是一个vite-env.d.ts的文件,但是这个文件里并没有shims-vue.d.ts的内容。所以我需要手动添加一下。
1 npm init @vitejs/app my-vue-app --template vue-ts 初始化项目1 2 npm install npm run dev** 配置路由**1.安装vue-router的时候一定要带上版本号,否则现在安装的还是3.x的版本1 npm install vue-router@4 2.在src/新建文件夹router,并在router文件加下新建index.ts文件:...
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"]},...
★★★(通过$ 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...
输入项目名称,选择 Vue, TypeScrip 按照提示执行以下命令即可 cd dandgangshucheng yarn yarn dev 1. 2. 3. 启动后的初始页面如下 解决main.ts 报错 打开项目,发现 main.ts 有报错 回想起来以前的工程里面有一个 shims-vue.d.ts 是用来解决这个的,但是现在的工程里面没有这个文件了, 取而代之的是一个 v...