2023 Vue3环境搭建

确保你已经安装

• node.js

1.安装Vue3

根据vue官网Vue.js - The Progressive JavaScript Framework | Vue.js (vuejs.org) Docs/Guide/Quick Start

建议自行创建一个Vue项目的安装目录，打开终端并切换到创建好的安装目录（我这里是E:\Vue）

运行命令安装最新的Vue：

npm create vue@latest

接下来会跳出一系列选项

有需要的话可以在对应选项后面选择Yes，我这里都选择不安装

安装成功后显示:

运行命令：

cd vue-project #注意这里你显示的可能不是vue-project，同上面那个绿色的文件名字
npm install
npm run dev

接下来，在浏览器中按照提示打开

 http://localhost:5173/

出现如下页面则表示项目搭建成功

2.安装Vue-CLI

若需要在命令行中使用vue命令进行vue项目创建、vue图形化界面的使用，需要安装vue-cli

npm install -g @vue/cli

可以用这个命令来检查其版本是否正确：

vue --version