【Web 前端开发】vue3开发环境部署

寒山独见君~2024-08-02 9:24

访问 Node.js 官网下载并安装最新的 LTS 版本。

安装完成后，打开命令行工具，

输入 node -v 和 npm -v 检查安装是否成功。

bash 复制代码

 node -v
 npm -v

如下图：

在命令行工具中输入以下命令安装 Vue CLI：

bash 复制代码

npm install -g @vue/cli

安装完成后，输入 vue --version 检查 Vue CLI 是否安装成功。

bash 复制代码

vue --version

如果出现异常，vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。

打开管理员终端，输入以下指令（签名或运行这些脚本）

bash 复制代码

set-ExecutionPolicy RemoteSigned

再次输入指令，vue --version

使用 Vue CLI 创建一个新的 Vue 3 项目：

在自己的指定文件夹中打开终端

bash 复制代码

vue create my-project

选择 Vue 3 版本，并根据提示完成项目配置。

安装完成后如下图

进入项目目录：

bash 复制代码

cd my-project

启动开发服务器：

bash 复制代码

npm run serve

打开浏览器，访问 http://localhost:8080 查看项目运行情况。

如下图：

下载并安装 Visual Studio Code 作为代码编辑器。

安装 Vue.js 插件以获得更好的开发体验。