一：VUE-CLI介紹
Vue-CLI是一個基于vue.js進行快速開發(fā)的完整系統(tǒng)劫拗，提供：
- 通過@vue/cli實現(xiàn)的交互式的項目腳手架
- 一個豐富的官方插件合集，集成了前端生態(tài)中最好的工具
- 一套完全圖形化的創(chuàng)建和管理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命令，查看是否安裝成功
image.png
三：創(chuàng)建項目
3-1：通過頁面項目管理工具創(chuàng)建項目
通過在命令行輸入：vue ui 啟動vue腳手架自帶的項目管理工具(服務(wù))
image.png
命令啟動成功后纵穿，會彈出如下頁面
image.png
點擊創(chuàng)建按鈕蓖柔，即可新建項目，新建成功后闸昨，會自動生成項目目錄
image.png
3-2:通過命令行創(chuàng)建項目
vue create 項目名
對相應(yīng)的配置項進行如下勾選
image.png
image.png
image.png
image.png
第一步：詳情
第二步：預(yù)設(shè)
第三步：功能
第四步：配置
四：所需插件
4-1：element-plus插件
命令行安裝：vue add element-plus
不建議安裝蚯斯，建議安裝element-plus的依賴
圖形界面
image.png
五：安裝依賴庫
5-1：安裝element-plus和axios依賴庫
image.png
5-2：安裝vue3-ace-editor，json數(shù)據(jù)編輯器
image.png
