- 博客(6)
- 收藏
- 关注
RSS订阅原创 vue中的环境变量配置
拿上面三个文件内容打个比方：我们在日常开发时，NODE_ENV值是development，那么Vue就会首先加载.env文件里的内容，然后继续加载.env.development文件里的内容。而当我们打包到服务器后，服务器的NODE_ENV值一般为production，则此时Vue仍会先加载.env文件，然后加载.env.production文件。其次，在按顺序加载文件时，Vue会把后一个加载的文件内容和前面加载的文件内容进行比较，如果存在变量名相同，那么它会采用后一个文件里的变量值为变量的最终值。
2024-08-23 15:00:16
246
原创 vue3、vite使用typescript，数组包含对象的集合数据的ts语法
.d.ts文件中或者直接在*.vue文件中使用ts语法规定数据类型。定义类型：（可以用一个一个写key的形式，也可以使用索引签名的形式）
2024-08-23 14:03:32
156
原创 vue3、vite使用typescript，配置ts的*.d.ts文件
d.ts文件是TypeScript中用于声明类型定义的文件扩展名。它允许开发者为JavaScript库或没有直接包含类型信息的代码提供类型注释，使得TypeScript编译器能够理解这些代码的结构和类型，从而在开发阶段提供静态类型检查、智能提示等功能，而不会对原始代码进行任何修改或编译操作。简单而言：声明在.d.ts文件中的结构在项目其他页面中使用时无需引入，直接使用（相当于全局变量）
2024-08-23 11:39:28
693
原创 vue3、vite使用typescript，在.vue文件中使用ts语法
利用vscode开发，在*.vue文件的script标签中使用typescript的语法时，可能会出现无法在js文件中使用ts语法的报红即使是将ts语法写在.d.ts文件中，再在.vue页面使用也无法识别到：这个问题主要是出在vscode上，在vscode右下角可以查看到当前的语言模式为纯文本或html，vscode无法识别到vue语言模式，才导致在解析时出现报红。网上的方法是先检查script标签是否设置lang=“ts”
2024-08-23 11:02:33
378
原创 vue3、vite使用typescript配置@路径别名
由于node不兼容typescript，所以为了防止报红，需要先下载@types/node。完成以上步骤以后，在项目中所有用到路径的地方都可以用@/来取代src/
2024-08-22 19:58:07
564
原创 vite使用TS时，路由懒加载路径报红，找不到模块
这里的路径报红，同时main.ts文件中的import App from './App.vue'路径也报红，但是不影响程序的正常运行。
2024-08-22 19:32:07
354
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人