寫在前面
由于我的vue版本是3.0以下的（2.9.6版本）躺孝，所以終端輸入
vue -V無反應(yīng)剪验，因此無法通過可視化的形式創(chuàng)建vue項(xiàng)目惊豺。因此就輸入sudo cnpm i -g @vue/cli或sudo npm i -g @vue/cli升級了最新的vue版本才得以解決
image.png
可視化的方式創(chuàng)建vue項(xiàng)目
步驟一： 可視化的形式創(chuàng)建vue項(xiàng)目：vue -V。以后可以通過vue -V命令打開可視化Vue管理器
image.png
步驟二：將項(xiàng)目安裝到指定路徑下
image.png
步驟三：創(chuàng)建項(xiàng)目名署照，點(diǎn)擊下一步
image.png
步驟四：項(xiàng)目預(yù)設(shè)-手動。 以手動的方式創(chuàng)建項(xiàng)目配置信息
image.png
步驟五：根據(jù)需求安裝項(xiàng)目所需要的插件
image.png
步驟六：選擇 ESLint + Standard config 和Lint on save吗浩，然后再點(diǎn)擊創(chuàng)建項(xiàng)目
image.png
步驟七：保存為預(yù)設(shè)
image.png
步驟八：創(chuàng)建項(xiàng)目成功
image.png
步驟九：選中左側(cè)的
插件選項(xiàng)卡建芙，然后點(diǎn)擊右側(cè)的添加插件
image.png
步驟十：輸入
vue-cli-plugin-element進(jìn)行搜索插件，然后點(diǎn)擊插件圖標(biāo)
image.png
步驟十一：安裝
vue-cli-plugin-element插件
image.png
步驟十二：將
vue-cli-plugin-element插件改成按需導(dǎo)入懂扼，最后點(diǎn)擊完成安裝
image.png
步驟十三：若提示
文件改動禁荸，選擇提交修改即可。
image.png
步驟十四：安裝
vue-cli-plugin-element插件成功
image.png
步驟十五：選中左側(cè)的依賴選項(xiàng)卡阀湿，然后點(diǎn)擊右側(cè)的安裝依賴
image.png
步驟十六：輸入
axios進(jìn)行搜索依賴赶熟，然后點(diǎn)擊插件圖標(biāo)
image.png
步驟十七：安裝
axios依賴
image.png
步驟十八：安裝
axios依賴成功
image.png
二：初始化git遠(yuǎn)程倉庫
步驟十九：登錄碼云,進(jìn)行初始化git遠(yuǎn)程倉庫
image.png
步驟二十：復(fù)制HTTPS選項(xiàng)中對應(yīng)的倉庫鏈接
image.png
步驟二十一：SourceTree->偏好設(shè)置->網(wǎng)絡(luò)->編輯
image.png
image.png
步驟二十二：將
gitee.com主機(jī)對應(yīng)的用戶名更改成 創(chuàng)建該項(xiàng)目所登錄的賬號
image.png
步驟二十三：彈框中輸入碼云對應(yīng)的密碼，再點(diǎn)擊始終允許
image.png
步驟二十四：新倉庫->從URL克隆
image.png
步驟二十五：克隆倉庫到本地empty文件夾(empty為空文件夾)陷嘴，會克隆出一個(gè)
.git文件
image.png
步驟二十六：將上一步驟中的得到的
.git文件夾整體剪切到vue_ecommerce文件夾下映砖，替換vue_ecommerce文件夾下原來的.git文件夾
image.png
步驟二十七：新倉庫->添加已存在的本地倉庫
image.png
步驟二十八：把步驟三中的
vue_ecommerce文件夾作為倉庫
image.png
步驟二十九：打開
vue_ecommerce這個(gè)倉庫
image.png
步驟三十：提交本地vue代碼到碼云
image.png
步驟三十一：在碼云上查看，提交成功
image.png
