安装前准备：

请确认已安装node，且node 版本 >= 12.0.0

查看node版本的方法：

node -v

安装Vite

使用npm安装：

npm install vite@latest

使用yarn安装：

yarn install vite@latest

安装截图：

安装Vite的截图

初始化项目

使用npm：

我们可以使用 npm init @vitejs/app + 其他参数的方式来初始化项目。

 npm init @vitejs/app

使用yarn：

yarn create @vitejs/app

安装过程中，我们需要按照提示输入或者选择。

首先需要输入项目名称后回车，再选择自己需要的语言，可以选择Vue 或者 React 或者其他。

Vite安装的语言选择

假如选择vue 然后选择 vue 或者 vue-ts

Vite安装过程

然后我们就初始化了项目。

此时我们的命令行中显示：

Done. Now run:

 //**是你的项目名称
  cd ***   
  npm install
  npm run dev

此时我们就安装成功了，我们得到的项目是这样的：

Vite初始化的项目

可能遇到的问题

你可能在 npm run dev 的时候，遇到 Error: Cannot find module 'worker_threads'，如下所示。

internal/modules/cjs/loader.js:583
    throw err;
    ^

Error: Cannot find module 'worker_threads'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
    at Function.Module._load (internal/modules/cjs/loader.js:507:25)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
    at Object.<anonymous> (D:codenewsnode_modulesvitedistnodechunksdep-e0fe87f8.js:14:20)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! news@0.0.0 dev: `vite`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the news@0.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:UsersjidawAppDataRoamingnpm-cache_logs2021-11-10T13_23_49_264Z-debug.log

这种报错。原因是node 的版本小于 12.0.0

此时我们可以