介绍
使用Vite创建Vue3项目,本文介绍使用 npm 创建
官网:
https://cn.vuejs.org/guide/quick-start.html
创建
这里学习,安装 vue3.16.4 版本,执行下面命令:
npm create vue@3.16.4
补充
如果 node.js 的版本号是 18,vue3最大支持 3.16.4(否则报错):
npm create vue@3.16.4
如果是新版的 node.js,可以安装最新版本,执行下面命令:
npm create vue@latest
执行结果
提示:
Ok to proceed? (y)
敲回车
项目名
显示下图
输入工程名,不要出现中文,最好英文字母、数字、下划线
这里起名:vue3_std1,敲回车
勾选功能
显示下图:
第一个工程 只勾选 TypeScript 即可,按空格是选择,然后敲回车
结果
看到下图红框处说明创建成功
安装依赖
刚才只是创建工程,没有下载依赖
对于Java程序员,可以理解为没有下载Maven依赖
进程项目文件夹:
cd vue3_std1
安装依赖:
npm install
启动服务
执行下面命令:
npm run dev
见下图:
访问
打开浏览器,输入:http://localhost:5173/ 敲回车,打开页面如下,说明服务启动成功:




