4、css-auto-prefix

自動添加 CSS 私有前綴。

5、change-case

轉(zhuǎn)換命名風(fēng)格。

6、CSS Peek

定位 CSS 類名。

7、vscode-json

處理 JSON 文件，用法看圖：

8、Regex Previewer

實時預(yù)覽正則表達(dá)式的效果。

9、韭菜盒子

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

安裝之后，你的vscode左側(cè)會多出一個圖標(biāo)，點(diǎn)擊它添加自己關(guān)注的基金和股票

設(shè)置同步

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

首先要想在不同的設(shè)備間同步你的插件, 需要用到 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-->選擇高級設(shè)置-->編輯本地擴(kuò)展設(shè)置-->編輯token
• 5、Ctrl+Shift+P打開命令框-->輸入sync-->找到update/upload settings，上傳成功后會返回Gist ID，保存此Gist ID.

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

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

開啟一個本地服務(wù)

第一種方式

1.安裝Debugger for Chrome插件

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

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

第二種方式

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

1.安裝http-server

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

2.開啟 http-server服務(wù)

終端進(jìn)入目標(biāo)文件夾，然后在終端輸入：

$ 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.關(guān)閉 http-server服務(wù)

按快捷鍵CTRL-C 終端顯示^Chttp-server stopped.即關(guān)閉服務(wù)成功。

最新評論