HBuilderX构建Vue项目

---

版权声明

• 本文原创作者：谷哥的小弟
• 作者博客地址：http://blog.csdn.net/lfdfhl

---

HBuilderX概述

HBuilderX是一款专为开发者设计的高效开发工具，致力于提升开发者的编码效率和体验。HBuilderX既适合追求极致效率的极客，也适合希望简化工作流程的懒人开发者。HBuilderX支持Windows等操作系统，让开发者在不同平台上都能享受到一致的开发体验。近年来，HBuilderX以其高效、友好的特点吸引了众多开发者的关注。

安装HBuilderX

官网地址：https://www.dcloud.io/hbuilderx.html

创建Vue项目

创建项目，选择vue3模板；图示如下：

项目创建完毕；图示如下：

打开终端

选中项目再右键选择"使用命令行窗口打开所在目录(U)"即可。

安装element ui

安装命令：

npm install element-plus --save

运行Vue项目

构建命令：

npm run build

运行命令：

npm run dev