Vue3+TS+Nodejs项目（一）——手把手教你使用vite快速创建项目

本项目是针对新手小白的入门项目，简单便捷，快速了解基于vite的项目创建流程。
Vite的官网地址
下面正式开始发车！

1、创建一个文件夹并使用vscode打开

• 新建一个文件夹，命名为Vue3
• 检查是否已安装node，命令如下
  

2、使用vite构建工具创建项目

• Vite官网推荐几种创建方式
  npm create vite@latest admin -- --template vue-ts

  # npm 6.x
  npm create vite@latest my-vue-app --template vue
  
  # npm 7+, extra double-dash is needed:
  npm create vite@latest my-vue-app -- --template vue
  
  # yarn
  yarn create vite my-vue-app --template vue
  
  # pnpm
  pnpm create vite my-vue-app --template vue
  

  其中 my-vue-app 是新建的项目名称，--template vue是想要使用的模板
  官网给出很多可用模板：vanilla，vanilla-ts，vue，vue-ts，react，react-ts，preact，preact-ts，lit，lit-ts，svelte，svelte-ts.

  创建好后目录结构如下

  

• 使用cd命令进入项目中

  

• 在项目终端中输入npm i对项目中的所有引用包进行安装

• 最后使用npm run dev 让它run起来！

  

  

本节就先到此！
下一节我们将对Vue3项目进行相关的配置。