vue3.x教程-Vite 创建第一个vue3工程

介绍

使用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/ 敲回车,打开页面如下,说明服务启动成功:


原文出处:/show_1GW1FFfOHwus.html