前端入門（1）
最近社團需要，所以整理了一下從0開始學習前端的一些知識。
-
安裝軟件 （VScode）以及對應插件的安裝，相關配置。
-
介紹vscode常用快捷鍵
-
初始化第一個html程序
1.軟件以及插件安裝
前端開發其實對開發工具的要求很低，甚至用記事本也可以寫。但是一個好的工具可以讓我們事半功倍，在前端開發中，有一個非常好用的工具，Visual Studio Code，簡稱VS code。
VS vode特點：
- 開源，免費；
- 自定義配置
- 集成git
- 智能提示強大
- 支持各種文件格式（html/jade/css/less/sass/xml）
- 調試功能強大
- 各種方便的快捷鍵
- 強大的插件擴展
下面介紹一些插件。
首先去官網下載和安裝這個不必多說，打開vscode之後，紅框所示位置，下載安裝插件
1. 首先我們先給漢化一下。在搜索欄搜索chinese，點擊安裝即可（即圖中"卸載"的位置）
2. 接下來介紹幾個常用插件及使用方法
LiveServer 可以實時預覽網頁，十分方便
（使用時必須在文件夾打開文件）
3. 顯示Visual Studio代碼的圖標，目前該插件已被vscode內部支持：“文件” -> “首選項” -> “文件圖標主題”
4. 一些常用的代碼提示插件
- HTML Snippets
- HTML CSS Support
- jQuery Code Snippets
5. 還有其他補充的小功能類
- Code Spell Checker 檢查拼寫錯誤
- Bracket Pair Colorizer 用於着色匹配括號
- filesize 在底部狀態欄可以看到文件大小等信息
- Import Cost 查看引入大小
2.常用快捷鍵介紹
-
Ctrl + F 查詢
-
Ctrl + H 替換
-
Shift + Alt + F 格式化代碼
-
Shift + alt +up/down 複製當前行
-
Shift + ctrl + k 刪除當前行
-
Ctrl + ~ 控制檯終端顯示與隱藏
-
Ctrl + S保存
-
Ctrl + z 撤銷
-
Ctrl + shift + Z返回
-
Ctrl+\ 選中區域註釋
-
Ctrl + +/- 放大縮小字體
-
Ctrl + h 替換
-
Ctrl + Shift + h全局替換
3.新建第一個html文件
新建html文件後，輸入！即可快速生成html標準模板
接下來就可以快樂的寫代碼了！
