跑起来一个vue3+vite+typescript的项目

休了一个产假，回来发现小伙伴们开始用vue3了，正正好，我也想实践下。于是，兴冲冲的下载代码，安装依赖，跑项目，emmm....，报错了。

1、Access is denied,如下：

解决：升级node版本（ps，最初安装依赖的时候报错，发现是node版本低，升级为14.17.0后，依赖安装成功。跑项目的时候又报这个错误，就没往node版本想。折腾了很久,最后看vite官方文档，发现node最低版本得是14.18.0，升级后项目成功跑起来了）

2、找不到模块“vue”或其相应的类型声明。ts(2307)

百度的结果是，需要在根目录下新建env.d.ts文件，内容如下：

/// <reference types="vite/client" />

declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
  const component: DefineComponent<{}, {}, any>
  export default component
}

我一查，有的呀！动了下我的小脑瓜，嗯，可能是需要先安装依赖，安装后，果然报错没了。

3、LF与CRLF的问题，如下：

这满屏的飘红，看着好难受，必须解决掉它，问同事说是LF与CRLF不兼容的问题。百度了下，有说要加配置文件的，有说要修改配置的，也有说用插件的，还有一种方式每个文件手动修改。但是修改后，文件就改动了，下次提交git文件就会重新提交。所以我认为，肯定不是这样的，继续百度，看到一种说法，说是git clone的时候会自动判断当前系统，选择合适的结尾符，所以应该是git配置的问题。如下：

git config --global core.autocrlf false

然后重新clone代码，okk，问题解决了。

4、类型“{}”上不存在属性“user”

安装volar，禁用vetur,并配置settings.json

 // prettier
    // "prettier.useEditorConfig": false,
    // "prettier.singleQuote": true,
    "prettier.semi": false,
    "prettier.tabWidth": 2,
    "prettier.printWidth": 120,
    "[javascript]": {
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[vue]": {
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascriptreact]": {
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },

5、JSX 元素隐式具有类型 "any"，因为不存在接口 "JSX.IntrinsicElements"。

同4

6、gyp ERR。

有次用公司电脑下载自己git项目，安装依赖时报这个错。问了下度娘，说是node版本的问题，果断降node版本，奥利给，成功！

至此，项目成功跑起来了，可以愉快的写代码了。