使用vite创建vue项目

使用vite创建vue3项目

1、创建项目

在想创建项目的目录进入cmd命令

npm create vite@latest

2、选择是否继续

Need to install the following packages:
  create-vite@3.2.1
Ok to proceed? (y) y	//选择是否继续

3、输入项目名字

√ Project name: ... vite-project		//输入项目名称

4、选择创建项目的框架

使用上下键进行切换

 Select a framework: » - Use arrow-keys. Return to submit.			//选择项目框架
    Vanilla
>   Vue
    React
    Preact
    Lit
    Svelte
    Others

5、选择项目语言

使用上下键进行切换

? Select a variant: » - Use arrow-keys. Return to submit.
>   JavaScript
    TypeScript
    Customize with create-vue ↗
    Nuxt ↗

6、项目创建成功

Done. Now run:

  cd vite-project
  npm install
  npm run dev

7、根据提示进入项目目录

cd vite-project

8、安装项目依赖

 npm install		//安装依赖,等同于npm i
 added 32 packages in 2m		//显示这，表示是下载成功

9、项目目录

public目录中放置静态文件（通常只有一个vite.svg ）
src 目录中放置我们自己项目中所书写的源代码
src下有的叫assets：存放项目中需要用到的资源文件，css、images等。
src下 main.js 是应用的入口 JS 文件
src下components是组件存放位置
package.json 是项目配置文件
vite.config.js 是 vite 的配置文件