vue-cli+elementplus安装教程

大家好，欢迎来到IT知识分享网。

vue-cli是vue.js官方提供的一个脚手架工具，旨在帮助开发者快速搭建基于vue.js的项目结构，简化项目初始化和配置过程。

接下来介绍vue-cli的安装使用教程：

1、安装node.js

下载node.js安装包：

通过网盘分享的文件：vue-cli+elementplus

链接:
https://pan.baidu.com/s/1OFVe5XyVFosCq8mEhuErGQ 提取码: i7s7

双击安装，修改安装路径即可。

2、cmd命令窗口运行命令测试node和npm安装是否成功

3、npm国外网站下载慢，可以通过配置国内镜像提高下载速度，例如配置淘宝镜像、华为、腾讯镜像等，这里选择华为云演示。

执行以下命令修改镜像：

npm config set registry https://mirrors.huaweicloud.com/repository/npm/

验证修改是否成功

4、安装vue-cli

执行以下命令：

npm install -g @vue/cli

执行vue –version确认vue-cli安装是否成功

5、在d:\code目录下创建vue-cli项目my-vue-cli

创建vue-cli项目命令：

vue create my-vue-cli

进入项目安装向导：

按向下键选择Manually select features,回车选中

按向下键选择标*号的，通过空格选中，回车下一步

选择vue版本，这里以3.x版本为例：

开始创建项目：

安装完成

6、进入项目 安装element plus

cd my-vue-cli

npm install element-plus

7、启动项目

npm run serve

项目启动成功即可通过浏览器访问了

以上介绍了如何安装vue-cli、element plus，以及如何通过vue cli脚手架搭建项目并启动项目，有问题的伙伴可以评论区联系我哟~