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

原创

于 2021-01-12 19:25:59 发布 · 652 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #typescript

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

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元/天解锁文章