vue3（windows系统）：vue3+vue-router+vuex+typescript在VS Code中使用vite——第二章：修改配置文件

SoulTheFool

于 2021-01-12 19:25:59 发布

阅读量629

点赞数

CC 4.0 BY-SA版权

分类专栏： vue typescript 前端文章标签： vue typescript

本文链接：https://blog.youkuaiyun.com/SoulTheFool/article/details/112544669

本篇博客详细介绍了在Windows环境下，如何在VS Code中使用Vite搭建Vue3项目，并配置typescript。内容包括安装必要的VS Code扩展、编辑settings.json以规范代码，创建并配置tsconfig.json、shims-vue.d.ts文件，以及vite.config.ts的设置，确保项目顺利运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vite默认文件修改和vscode代码规范插件

vscode需要的几个扩展
typescript配置
- tsconfig.json是怎么来的
- shims-vue.d.ts怎么来的
vite配置
- vite.config.ts怎么来的

test.ts和test-common.ts可以无视

vscode需要的几个扩展

Chinese (Simplified) Language Pack for Visual Studio Code
CSS Peek
ESLint
Prettier - Code formatter
Vetur
自个儿安装
然后setting.json

{
   
   
  "[typescript]": {
   
   
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
   
   
    "editor.defaultFormatter": "octref.vetur"
  },
  "[javascript]": {
   
   
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
   
   
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  "editor.formatOnSaveMode"

最低0.47元/天解锁文章

200万优质内容无限畅学