4、css-auto-prefix

自動添加 CSS 私有前綴。

5、change-case

轉換命名風格。

6、CSS Peek

定位 CSS 類名。

7、vscode-json

處理 JSON 文件，用法看圖：

8、Regex Previewer

實時預覽正則表達式的效果。

9、韭菜盒子

大家如果平時也買買基金和股票，上班又不好一直看手機，推薦安裝個韭菜盒子，一邊寫代碼一邊看股票

安裝之后，你的vscode左側會多出一個圖標，點擊它添加自己關注的基金和股票

設置同步

花了一天終于把vscode配置成自己滿意的樣子，如果每換一次電腦就要重新來一次，大家一定會手撕了我。放心，早就幫大家準備好了。Settings Sync，在不同電腦間同步你的插件。

首先要想在不同的設備間同步你的插件, 需要用到 Token 和Gist id

Token 就是你把插件上傳到 github 上時, 讓你保存的那段字符，Gist id 在你上傳插件的那臺電腦上保存著。

先給大家來三個快捷鍵，后面會用到

1、CTRL+SHIFT+P 我也不知道叫什么，暫且就叫它功能搜索功能吧
2、ALT+SHIFT+D 下載配置
3、ALT+SHIFT+U 上傳配置

現(xiàn)在手把手教大家配置：

• 1、安裝Settings Sync
• 2、登陸Github>settings>Developer settings>personal access tokens>generate new token，輸入名稱，勾選Gist，提交

• 3、保存Github Access Token
• 4、打開vscode，Ctrl+Shift+P打開命令框-->輸入sync-->選擇高級設置-->編輯本地擴展設置-->編輯token
• 5、Ctrl+Shift+P打開命令框-->輸入sync-->找到update/upload settings，上傳成功后會返回Gist ID，保存此Gist ID.

• 6、在 VSCode 里，依次打開: 文件 -> 首選項 -> 設置，然后輸入 Sync 進行搜索:能找到你gist id

• 7、若需在其他機器上DownLoad插件的話，同樣，Ctrl+Shift+P打開命令框，輸入sync，找到Download settings，會跳轉到Github的Token編輯界面，點Edit，regenerate token，保存新生成的token，在vscode命令框中輸入此Token，回車，再輸入之前的Gist ID，即可同步插件和設置

開啟一個本地服務

第一種方式

1.安裝Debugger for Chrome插件

2.使用ctrl+`快捷鍵打開終端，然后輸入npm install -g live-server

3.在命令行里輸入 live-server即可

第二種方式

在寫前端頁面中，經(jīng)常會在瀏覽器運行HTML頁面，從本地文件夾中直接打開的一般都是file協(xié)議，當代碼中存在http或https的鏈接時，HTML頁面就無法正常打開，為了解決這種情況，需要在在本地開啟一個本地的服務器。 本文是利用node.js中的http-server，開啟本地服務，步驟如下：

1.安裝http-server

在終端輸入：$ npm install http-server -g

2.開啟 http-server服務

終端進入目標文件夾，然后在終端輸入：

$ http-server -c-1   （??只輸入http-server的話，更新了代碼后，頁面不會同步更新）
Starting up http-server, serving ./
Available on:
  http://127.0.0.1:8080
  http://192.168.8.196:8080
Hit CTRL-C to stop the server

3.關閉 http-server服務

按快捷鍵CTRL-C 終端顯示^Chttp-server stopped.即關閉服務成功。

最新評論