欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 财经 > 产业 > 【Web 前端开发】vue3开发环境部署

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

2024/10/24 1:49:21 来源:https://blog.csdn.net/weixin_42133116/article/details/140857710  浏览:    关键词:【Web 前端开发】vue3开发环境部署

1、安装 Node.js 和 npm

访问 Node.js 官网 下载并安装最新的 LTS 版本。
安装完成后,打开命令行工具,
输入 node -v 和 npm -v 检查安装是否成功。

 node -vnpm -v 

如下图:
在这里插入图片描述

2、安装 Vue CLI

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

npm install -g @vue/cli

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

vue --version 

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

打开管理员终端,输入以下指令(签名或运行这些脚本)

set-ExecutionPolicy RemoteSigned 

再次输入指令,vue --version
在这里插入图片描述

3、创建 Vue 3 项目

使用 Vue CLI 创建一个新的 Vue 3 项目:
在自己的指定文件夹中打开终端

vue create my-project

选择 Vue 3 版本,并根据提示完成项目配置。
在这里插入图片描述
安装完成后如下图
在这里插入图片描述

4、启动开发服务器

进入项目目录:

cd my-project

启动开发服务器:

npm run serve

打开浏览器,访问 http://localhost:8080 查看项目运行情况。
如下图:
在这里插入图片描述

5、安装 VS Code(可选)

下载并安装 Visual Studio Code 作为代码编辑器。
安装 Vue.js 插件以获得更好的开发体验。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com