?VSCode
基礎(chǔ)設(shè)置
代碼縮進(jìn)：設(shè)置：搜索 tab size 。Editor:Tab size =>2
格式化：設(shè)置：搜索 format。 Editor：Format On Save 勾選
插件：
vetur
eslint
Prettier - Code formatter
Path Autocomplete
在VSCode中編輯setting.json
{
// 這里改成自己得電腦得路徑
"prettier.configPath": "C:\\Users\\2703\\.prettierrc",
"eslint.alwaysShowStatus": true,
"prettier.trailingComma": "none",
"prettier.semi": false,
"prettier.printWidth": 300,
"prettier.singleQuote": true,
"prettier.arrowParens": "avoid",
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.ignoreProjectWarning": true,
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": false
},
"prettier": {
"trailingComma": "none",
"semi": false,
"singleQuote": true,
"arrowParens": "avoid",
"printWidth": 300
}
},
"editor.codeActionsOnSave": {
"source.fixAll": true
},
//導(dǎo)入文件時(shí)，是否攜帶文件擴(kuò)展名
"path-autocomplete.extensionOnImport": true,
"path-autocomplete.pathMappings": {
"@":"${folder}/src"
},
}
?上述配置，配置完三個(gè)相關(guān)插件的即可。
C盤下的 prettierrc 文件，可以直接新建 txt 文本文檔，去掉后綴改成此名稱，內(nèi)容可以嘗試填充
{
"tabWidth": 2,
"useTabs": false,
"semi": false,
"singleQuote": true,
"trailingComma": "none",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"arrowParens": "avoid"
}最后一步：重啟VSCode，打開項(xiàng)目，
1.打開 js 文件，右鍵 【使用...格式化文檔】【配置默認(rèn)格式化程序...】【Prettier - Code formatter】
?
?
?2.打開 html 文件，重復(fù)上述操作
3.打開 .vue 文件，重復(fù)上述操作
4.打開 .css 文件，重復(fù)上述操作
Eslint：中，取消校驗(yàn)方法function 后沒有空格的校驗(yàn),rules節(jié)點(diǎn)下
'space-before-function-paren':['error','never']
下載地址https://git-scm.com/download下載安裝，都選下一步。默認(rèn)即可
安裝完畢，鼠標(biāo)右鍵文件夾空白處，選擇"Git bash"
運(yùn)行g(shù)it config --global user.name "用戶名"
運(yùn)行g(shù)it config --global user.email "郵箱"
配置用戶名和郵箱，此文件再C盤，users，用戶，.gitconfig文件中
獲取幫助，無需聯(lián)網(wǎng)
git help <verb>
例如 git help config。
獲取簡(jiǎn)短幫助 git config -h
建立倉儲(chǔ)
再需要建立倉儲(chǔ)的文件夾中右鍵"git bash"，
鍵入 git init
生成的 .git 隱藏文件夾即是版本管理
git status -s 查詢當(dāng)前目錄下文件狀態(tài)
git add 文件名 將文件提交到暫存區(qū)
git add . 將所有文件提交到暫存區(qū)
git reset HEAD 文件名 將文件從暫存區(qū)回退到編輯區(qū)
git reset HEAD . 將所有文件從暫存區(qū)回退到編輯區(qū)
git commit -m "備注信息" 提交暫存區(qū)文件到服務(wù)區(qū)-標(biāo)識(shí)未操作
git commit -a -m 不需要經(jīng)過add操作，直接提交到服務(wù)器
git rm -f 文件名?直接從工作區(qū)和服務(wù)器同時(shí)刪除此文件
git rm --chache 文件名?只從服務(wù)器刪除此文件
生成SSH key
1.打開git bash
2.粘貼如下 命令
ssh-keygen -t rsa -b 4096 -C"youremail@test.com"
3.連續(xù)敲擊三次回車，即可在C:\User\用戶名文件夾\.ssh目錄中生成Id_rsa 和 id_rsa.pub兩個(gè)文件，將id_rsa.pub文件中的內(nèi)容復(fù)制到git上，【頭像-Settings-SSH and GPG keys-new SSH keys-】
忽略目錄用法
直接再根目錄創(chuàng)建 .gitignore 文件
查看歷史提交記錄
?回退到指定版本
分支操作【盡量在主分支下進(jìn)行】
git branch 查看所有分支
git branch 分支名 創(chuàng)建分支
git checkout 分支名 切換到指定分支
git checkout -b 分支名 創(chuàng)建分支并直接切換到該分支下
git checkout 主分支
git merge 分支名 合并分支到主分支
git branch -d 分支名 刪除分支【當(dāng)前不能處于此分支上】
git branch -D?分支名? 強(qiáng)制刪除分支【無論此分支是否已合并】
當(dāng)合并分支時(shí)產(chǎn)生沖突，需要手動(dòng)修改沖突文件，然后執(zhí)行
git add .
git commit -m "備注" 以告訴服務(wù)器我解決了沖突
將本地分支推送到遠(yuǎn)程倉庫
git push -u 遠(yuǎn)程倉庫別名 本地分支名稱:遠(yuǎn)程分支名稱
如果不寫遠(yuǎn)程分支名稱，則默認(rèn)和本地分支名稱相同
這個(gè)【 遠(yuǎn)程倉庫別名】是在本地使用git時(shí)，第一次從本地向服務(wù)器 推送倉庫時(shí)取得名字
git remote show 遠(yuǎn)程倉庫別名origin ，展示遠(yuǎn)程倉庫中所有分支
從遠(yuǎn)程下載某個(gè)分支代碼，在這個(gè)分支下運(yùn)行
git pull
刪除遠(yuǎn)程某個(gè)分支
git push 遠(yuǎn)程倉庫別名origin --delete 遠(yuǎn)程分支名稱
例如：git push origin --delete login
代碼示例：
git checkout -b login【創(chuàng)建并切換到分支login】
git status【查看git狀態(tài)】
git branch 【查看當(dāng)前所有分支】
各種編輯代碼后，提交代碼
git add .
git commit -m '登錄完成' 【完成提交到本地倉庫】
git checkout master
git merge login 【將login 分支中得代碼合并到 master 中】
git push 【推送到云端】
-------------------------【推送 login 分支到云端】-----------------------------------
git checkout login文章來源：http://www.zghlxwxcb.cn/news/detail-493612.html
git push -u origin login文章來源地址http://www.zghlxwxcb.cn/news/detail-493612.html
到了這里，關(guān)于Git-簡(jiǎn)單使用/VSCode配置與插件的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
