在VSCode上新建的VUE專案第一次提交到碼雲

2021-08-19 23:37:39 字數 690 閱讀 5712

第一步、node、cnpm、vue-cli的安裝可以參考windows下vue環境搭建

第二步、專案成功跑起來之後,我們將**提交到碼雲:

①開啟vscode,檔案->開啟資料夾,選擇我們第一步建立好的專案(第一步中的first-project專案)

②在碼雲上新建乙個空的專案把 使用readme檔案初始化這個專案的勾取消掉

③在vscode中ctrl+~     (~在tab鍵上面)開啟cmd,已經cd到根目錄

④執行git init : 建乙個裸倉庫

⑤git remote add origin 遠端倉庫位址 :將本地的倉庫和遠端倉庫關聯

⑥git pull origin master :將遠端倉庫的東西拉下來,與本地倉庫合併(如果你②中沒有取消勾選,會拉取失敗,刪除掉碼雲上的readme.md再執行⑥)

⑦在vscode介面左邊第三個圖示源**管理->暫存所有更改->填寫訊息->ctrl+enter->推送到遠端倉庫位址

-----再記錄一下怎麼從碼雲上轉殖專案到本地,並且進行修改和提交

①ctrl+~  開啟cmd

②cd d:/test

③git clone 遠端倉庫位址

④vscode開啟並修改**,再重複⑦操作

VSCode新建 vue檔案模板

每次新建.vue檔案,可以利用vscode的snippet在.vue檔案建立後能輕鬆地生成一套模板,偷懶促進技術發展,促進社會進步。能用模板一鍵生成,絕對不去多敲一行 哈哈哈。ctrl shift p開啟控制台,輸入snippets 首選項 配置使用者 片段 接下來輸入vue並選擇,vscode會自...

vue環境搭建以及在vscode中建立專案

網上的教程層次不齊,有些確實不太好,我這裡也是踩了很多坑,這裡推薦這個搭建方法vue全域性搭建,這個相對於其他的直接用npm裝有個好處是用到了 源,並且避免了由於cache引發的一些問題,並且環境變數的設定會讓npm更容易操控,一般的方法裡雖然設了 源但是並沒有用到cnpm這個命令,因此安裝webp...

VS Code 新建vue檔案初始化模板

在使用vs code進行vue開發的時候,我們可以充分現有的vue外掛程式進行智慧型提示,可以提高開發效率,但是,在vs code中新定義.vue檔案時,生成的是空白的檔案頁,我們需要手動建立模板非常繁瑣。開啟vs code編輯器,依次選擇 檔案 首選項 使用者 片段 此時,會彈出乙個搜尋框,我們輸...