命令行學習與github 學習總結


date: 2018-03-04 00:34:50

tags: Hexo

作者 : 黃洪濤

參考 : 飢人谷


命令行的總結

哪些系統提供了命令行?

  1. windows 命令提示符 和 git bush
  2. Linux (ubuntu)終端
  3. unix (macos)終端

目前前端技術使用命令行的框架及工具

    • Gulp
    • webpack
    • SASS
    • node.js
    • vue
    • react
    • angular
    • 這就是我們不得不學習命令行的原因

基本概念

  • 文件夾就是 目錄
  • ~ : 用戶目錄
  • / : 代表整個硬碟的意思 , 後面出現就是分界線的意思
  • . : 表示當前目錄
  • .. : 表示父目錄
  • $ : 提示可以輸入命令

常用命令使用方法

cd 進入一個目錄 cd ../ 回 上一個目錄

pwd 顯示當前目錄

mkdir 創建目錄 mkdir demo-1

mkdir -p 目錄路徑 mkdir -p demo-1/demo-2/demo-3 如果有特殊字元 需要加引號 「demo-1/demo-2/demo-3」

whoami 用戶名 ,我是誰

ls xxx 查看路徑

ls 查看當前目錄的所有沒有隱藏的文件

ls -a 查看所有文件

ls -l 查看更多信息

ls -al 查看所有文件更多信息

echo "hello" > 1.txt 重定向至1.txt hello 會創建文件

echo "0.0" >> 1.txt 追加內容至 hello 0.0

echo "123" >! 1.txt 強制重定向至(windows不支持 會創建一個!文件) 123

touch 也可以創建文件 但是不能指定內容 會更新文件創建的時間

cp 複製文件

cp -r 複製目錄

mv 重命名或移動文件

rm 刪除文件

rm -rf 強制刪除目錄

tree 查看目錄結構 (windows不支持)

ln-s 建立軟鏈接 (windows 不支持)

curl-l https://code.jquery.com/jquery-3.3.1.min.js > jq.html 下載文件

wget -p -H -e robots=off https://www.baidu.com/ 拷貝一個網頁 (windows不支持)

df -kh 查看磁碟佔用

du -sh 當前目錄大小

du -h 各文件大小

cat 查看文件內容

ginhub學習總結

推薦一個詳細講解配置GitHub的網站

廖雪峰-git

git config --global user.name 你的英文名git config --global user.email 你的郵箱git config --global push.default matchinggit config --global core.quotepath falsegit config --global core.editor "vim"

這五句話 , 依次運行。 不執行的話 ,你會被打爆的 。 嘿嘿嘿

本地倉庫操作命令

  1. git init,初始化本地倉庫 .git
  2. git status -sb,顯示當前所有文件的狀態
  3. git add 文件路徑,用來將變動加到暫存區
  4. git commit -m "信息",用來正式提交變動,提交至 .git 倉庫
  5. 如果有新的變動,我們只需要依次執行 git add xxxgit commit -m xxx 兩個命令即可。別看本教程廢話那麼多,其實就這一句有用!先 add 再 commit,行了,你學會 git 了。
  6. git log 查看變更歷史

本地庫上傳GitHub

當你在GitHub上創建一個空倉庫時, 就會出現上傳命令項

echo "# lll" >> README.mdgit initgit add README.mdgit commit -m "first commit"git remote add origin git@github.com:HongTao-Huang/lll.gitgit push -u origin master

  • 推薦使用ssh 方式的git倉庫鏈接

倉庫變更

git add.git commit -m ""git pull // 先執行,比較安全git push

下載倉庫

git clone git@github.com:xxxx,下載倉庫

其他一些有用的命令

git remote add origin git@github.com:xxxxxxx.git 將本地倉庫與遠程倉庫關聯

git remote set-url origin git@github.com:xxxxx.git 上一步手抖了,可以用這個命令來挽回

git branch 新建分支

git merge 合併分支

git stash 通靈術

git stash pop 反轉通靈術

git revert 後悔了

git reset 另一種後悔了

git diff 查看詳細變化

最後最重要的我覺得最棒的就是可以把GitHub命令縮寫的一個功能

~/.bashrc 功能很強大的一個功能

  1. 首先 touch ~/.bashrc 創建一下這個文件
  2. start ~/.bashrc 選用編輯器編輯這個文件,內容為 echo Hi
  3. 你也可以用命令行編輯文件 echo "echo hi" >> ~/.bashrc
  4. 關閉退出 Git Bash,然後打開 Git Bash,是不是看到了 Hi,這說明每次進入 Git Bash,就會優先運行 ~/.bashrc 裡面的命令
  5. 重新編輯 ~/.bashrc,內容改為 cd ~/Desktop,重啟 Git Bash,有沒有發現默認就進入桌面目錄了?

    你可以用 ~/.bashrc 在進入 Git Bash 前執行任何命令,十分方便。

alias

在 ~/.bashrc 里新增一行 alias f="echo frank is awesome",等於號兩邊不能有空格,你最好一個字都不要錯。

運行 source ~/.bashrc,作用是執行 ~/.bashrc

運行 f,就會看到 frank is awesome

也就是說,現在 f 就是 echo frank is awesome 的縮寫了,利用這個技巧,我們可以把很多常見的命令縮寫一下,比如

cd d/ttman/Desktopalias la=ls -aalias ll=ls -lalias gss=git status -sbalias ga=git addalias ga.=git add .alias gc=git commitalias gcm=git commit -malias hg=hexo generatealias hd=hexo deployalias hs=hexo serveralias hn=hexo newexport SASS_BINARY_SITE="https://npm.taobao.org/mirrors/node-sass"

推薦閱讀:

gulp自動化構建html靜態資源路徑版本號添加和替換
《Oli-Zhao的前端一萬小時》之:(2)HTML元素、屬性詳解
ajax請求相關
大齡電力汪前端學習路(HTML基礎篇)
HTML5入門教程之HTML5新特性

TAG:前端工程師 | 前端開發 | 前端入門 |