WEB前端環(huán)境搭建霍比、git使用流程

一、WEB前端環(huán)境搭建

                          ↓
                        ↓
                          ↓
                        ↓

1暴备、node.js(官網(wǎng)下載安裝)

  • node-v(查看版本號)

  • npm-v(查看npm包管理工具版本)


2悠瞬、gitee(碼云)

  • 注冊→項目→private→創(chuàng)建私有倉庫→開源許可證MIT License→私有


3、安裝git(官網(wǎng)下載安裝)

  • git --version(檢查版本號)


4馍驯、git 倉庫關(guān)聯(lián)本機

  • 右上角設(shè)置→SSH公鑰→本地打開git bash→配置公鑰


5阁危、線上項目克隆至本地

  • 選擇SSH協(xié)議 復(fù)制


6、回到桌面→git bash→git clone xxx


7汰瘫、在當(dāng)前文件夾創(chuàng)建vue項目


8狂打、安裝vue-cli

  • 全局安裝vue-cli

$npm install --global vue-cli

  • 創(chuàng)建一個基于webpack模板的項目

$vue init webpack xxx

  • 安裝依賴

$cd xxx
$npm install
$npm run dev(打開項目)

  • project name (項目名稱)

  • project description (項目描述)

  • author (作者)規(guī)范代碼

  • vue build (運行時編譯)

  • install vue-router (路由) Y

  • use ESlint to lint your code? (ES6規(guī)范代碼) N

  • pick an ESlint preset standard

  • set up unit tests (單元測試) N

  • set up e2e test with nightwatch (e2e測試) N

  • should we run npm install? (npm包) Y


9、進入文件夾

  • 網(wǎng)頁打開 localhost:8080

$npm run dev


10混弥、打開碼云趴乡,同步代碼

$git status (查看文件狀態(tài),查看未保存蝗拿、上傳文件)
$git add .(保存至緩存區(qū))
$git commit -m 'xxx'(保存至本地git倉庫)
$git push(推送至線上倉庫)

                        ↑
                      ↑
                        ↑
                      ↑

二晾捏、git使用流程

                          ↓
                        ↓
                          ↓
                        ↓
  • 在gitee創(chuàng)建分支→

  • 桌面進入項目文件夾→

  • 打開git bash→

  • git pull(查看創(chuàng)建的new brance)→

  • git checkout xxx(切換到新的分支上邊)→

  • git status(查看目前所在分支)→

  • 進行項目的開發(fā) →git add . →

  • git coimmit -m 'xxx'→

  • git push→

  • git checkout master(切換到主分支)→

  • git merge origin/分支名稱(把分支的東西合并到主分支) →

  • git push

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市哀托,隨后出現(xiàn)的幾起案子惦辛,更是在濱河造成了極大的恐慌,老刑警劉巖仓手,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件胖齐,死亡現(xiàn)場離奇詭異,居然都是意外死亡嗽冒,警方通過查閱死者的電腦和手機呀伙,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來添坊,“玉大人剿另,你說我怎么就攤上這事。” “怎么了雨女?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵谚攒,是天一觀的道長。 經(jīng)常有香客問我戚篙,道長五鲫,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任岔擂,我火速辦了婚禮位喂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘乱灵。我一直安慰自己塑崖,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布痛倚。 她就那樣靜靜地躺著规婆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪蝉稳。 梳的紋絲不亂的頭發(fā)上抒蚜,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天,我揣著相機與錄音耘戚,去河邊找鬼嗡髓。 笑死,一個胖子當(dāng)著我的面吹牛收津,可吹牛的內(nèi)容都是我干的饿这。 我是一名探鬼主播,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼撞秋,長吁一口氣:“原來是場噩夢啊……” “哼长捧!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起吻贿,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤串结,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后舅列,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體奉芦,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年剧蹂,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片烦却。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡宠叼,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情冒冬,我是刑警寧澤伸蚯,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站简烤,受9級特大地震影響剂邮,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜横侦,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一挥萌、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧枉侧,春花似錦引瀑、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至翼虫,卻和暖如春屑柔,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背珍剑。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工掸宛, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人次慢。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓旁涤,卻偏偏與公主長得像,于是被迫代替她去往敵國和親迫像。 傳聞我的和親對象是個殘疾皇子劈愚,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,901評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 1.配置用戶名和郵箱: git config --global user.name "名字(英文)" git co...
    佩佩216閱讀 1,097評論 0 0
  • 33、JS中的本地存儲 把一些信息存儲在當(dāng)前瀏覽器指定域下的某一個地方(存儲到物理硬盤中)1闻妓、不能跨瀏覽器傳輸:在...
    萌妹撒閱讀 2,071評論 0 2
  • 1.git的安裝 1.1 在Windows上安裝Git msysgit是Windows版的Git菌羽,從https:/...
    落魂灬閱讀 12,649評論 4 54
  • git作為時下最流行的代碼管理工具,Git權(quán)威指南總結(jié)了十條喜歡Git的理由: 異地協(xié)同工作由缆; 現(xiàn)場版本控制注祖; 重...
    古斟布衣閱讀 1,818評論 0 12
  • 其實看到很多人說幾十幾十歲了,突然就感覺到害怕了均唉,因為怎么搞的就要到了中年了這太不能接受了我還沒有年輕過呀是晨! 還在...
    假愛之名閱讀 200評論 0 0