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

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

注意：nodejs安装教程见 https://www.cnblogs.com/luckyplj/p/11471067.html

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

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

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

创建项目 test01：

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

npm init vite test01

第二步：

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

第三步：

npm install

第四步：

npm run dev

最后，可得如下结果：

访问http://localhost:3000/

npm run dev与npm run serve的区别：

 

参考文献：https://www.runoob.com/vue3/vue3-install.html

官方文档：https://v3.cn.vuejs.org/guide/installation.html#发布版本说明