创建vite项目

vue yekong

最近的项目,都要求使用vue3来开发, 正好也实践一下vite,我们也可以了解一下vite和webpack的区别

创建命令

npm init vite@latest

输入项目名称

执行完上面的命令后,会让输入项目名称,这里我们直接默认,如果需要修改的话,自行输入自己想要的名称就可以了。
输入项目名称

选择框架

输入完项目名称后,会弹出select a framework 这是让我们选择框架,我用的是vue,所以这里选择vue.

选择框架

选择语言

这里习惯了javaScript语法,所以选择javaScript,可以按需选择。

选择语言

选择完成后,会提示进入项目安装依赖

Done. Now run:

  cd vite-project
  npm install
  npm run dev
  

初始化 安装依赖

这里我们可以使用npm安装依赖也可以使用pnpm来安装依赖。项目很多的话,推荐使用pnpm来安装依赖。如果对pnpm不了解的话,可以查看pnpm的安装与使用

npm install

运行

npm run dev

运行后截图

创建vite项目

喜欢