Vue3的安装与运行

首先打开cmd,在命令行中运行

1
npm install -g @vue/cli

等待安装完成,完成后输入命令来查看是否正确安装以及版本号

1
vue -V

之后在某个目录下面输入

1
npm create vue@lastest

根据提示,输入‘y’,表示安装所需要的packages,然后选择一系列的选项进行安装,如下所示。

C:\Users\94152>cd ./Desktop
C:\Users\94152\Desktop>npm create vue@latest
Need to install the following packages:
create-vue@3.13.0
Ok to proceed? (y) y

Vue.js - The Progressive JavaScript Framework

√ 请输入项目名称: ... ldy_vue3
√ 是否使用 TypeScript 语法? ... 否 / 是
√ 是否启用 JSX 支持? ... 否 / 是
√ 是否引入 Vue Router 进行单页面应用开发? ... 否 / 是
√ 是否引入 Pinia 用于状态管理? ... 否 / 是
√ 是否引入 Vitest 用于单元测试? ... 否 / 是
√ 是否要引入一款端到端(End to End)测试工具? » 不需要
√ 是否引入 ESLint 用于代码质量检测? » 否

正在初始化项目 C:\Users\94152\Desktop\ldy_vue3...

项目初始化完成,可执行以下命令:

cd ldy_vue3
npm install
npm run dev

然后在vscode中打开该文件夹,根据提示下载所需的插件,
下载完成后,按Shift+Ctrl+`,打开终端,输入

1
npm i

下载相关的依赖,安装完成后,关闭vscode,再次打开。

上述准备工作完成后,在终端输入

1
npm run dev

就可以打开网页,正常运行了。