VScode開發工具(推薦使用)

2021-10-04 05:08:15 字數 1202 閱讀 8398

目標02:快捷鍵配置

目標03:git和svn環境的配置

目標03:常用外掛程式配置

目標04:專案**的書寫

2.1 開發配置

3.1 vscode介紹
本篇文章引導你使用前段開發工具vscode進行高效的開發前段頁面。如今前端開發工具也是各種各樣,例如:webstrom、sublime text 3、hbuilder等,但是綜合工具記憶體消耗和使用的角度還是強烈推薦使用vscode。

3.2 關鍵字
vscode、git

3.3 技術棧

4.2 git環境的配置

file----首選項----設定

,

"css": [

"css",

"scss"

],"html": [

"htm",

"html",

"vue"//在這裡加上vue]},

"git.autofetch": true,

"git.confirmsync": false,

"vetur.format.defaultformatter.html": "js-beautify-html",

"vetur.validation.template": false,

"files.exclude": ,

"workbench.editor.enablepreview": false

}

4.3 快捷鍵的使用配置
習慣了eclipse的快捷鍵,對vscode的快捷鍵用著感覺相對不是太習慣,為了自己開發中快捷鍵的統一配置,這裡選擇安裝了eclipse快捷鍵的外掛程式。

ctrl+tab:檔案切換

4.4 vscode外掛程式配置

4.5 搭建本地服務
1、安裝npm install -g live-server或者cnpm install live-server -gf

2、配置live-server服務的位址埠

3、再執行live-server就可以在訪問

4.6 模板檔案生成**

}

前端開發工具推薦

外掛程式 docblockr 生成特定格式的函式注釋。只要在函式上面一行輸入 按tab就ok了。git和gitgutter 專案管理用。markdown preview 針對markdown檔案 converttoutf8 支援除utf8外多種編碼 emmet zen coding!package ...

移動開發工具推薦

1 拔掉usb連線線,關閉開發者選項,然後重啟開啟再連線手機 2 啟動任務管理器,檢視是不是有些軟體偷偷的啟動了一些什麼服務,常見的 adb.exe tadb.exe androidserver.exe 找到類似這樣的程序,然後殺掉,有一些還不讓你殺,那你就得借助工具把它乾掉了。像這種行為絕對是耍流...

需求文件開發工具推薦

visio 將業務,從產品層面肢解開來,做到抽絲剝繭部分與整體統一 mindmanage 把專案條目化,條理化,目錄結構具體規定好 axure 前台結構布局,合理規範的將系統說明白 官方 www.axure.com 解壓密碼 www.portablesoft.org 壓縮包md5 ff338e3a5...