首先,测试npm是否安装完成。

Vue3 学习笔记01-Vite创建项目_安装教程

 

Vite 是一个 web 开发构建工具,由于其原生 ES 模块导入方式,可以实现闪电般的冷服务器启动。

通过在终端中运行以下命令,可以使用 Vite 快速构建 Vue 项目,语法格式如下:

npm init vite <project-name> -- --template vue
cd <project-name>
npm install
npm run dev

创建项目 test01:

第一步:在vscode中打开终端terminal

Vue3 学习笔记01-Vite创建项目_参考文献_02

npm init vite test01

Vue3 学习笔记01-Vite创建项目_安装教程_03

第二步:

cd test01 //移动到对应的目录

第三步:

npm install

第四步:

npm run dev

最后,可得如下结果:

Vue3 学习笔记01-Vite创建项目_html_04

 

Vue3 学习笔记01-Vite创建项目_参考文献_05

npm run dev与npm run serve的区别:

Vue3 学习笔记01-Vite创建项目_创建项目_06

 

 Vue3 学习笔记01-Vite创建项目_创建项目_07