一:VUE-CLI介绍
Vue-CLI是一个基于vue.js进行快速开发的完整系统,提供:
- 通过@vue/cli实现的交互式的项目脚手架
- 一个丰富的官方插件合集,集成了前端生态中最好的工具
- 一套完全图形化的创建和管理Vue.js项目的用户界面
二:安装步骤
1.安装nodejs(要求10以上的版本)
2.通过npm去安装cnpm
npm install -g cnpm -registry=https://registry.npm.taobao.org
3.通过cnpm去安装vue脚手架
cnpm install -g @vue/cli
安装后,通过vue --version命令,查看是否安装成功
三:创建项目
3-1:通过页面项目管理工具创建项目
通过在命令行输入:vue ui 启动vue脚手架自带的项目管理工具(服务)
命令启动成功后,会弹出如下页面
点击创建按钮,即可新建项目,新建成功后,会自动生成项目目录
3-2:通过命令行创建项目
vue create 项目名
对相应的配置项进行如下勾选
四:所需插件
4-1:element-plus插件
命令行安装:vue add element-plus
不建议安装,建议安装element-plus的依赖
五:安装依赖库
5-1:安装element-plus和axios依赖库
5-2:安装vue3-ace-editor,json数据编辑器