響應式設計入門基礎（VS Code）

一、什麼叫響應式

  我了解的響應式設計在于：對于不同裝置布局顯示的解決方案。常見的

手機

、

平闆

、

電腦

等智能裝置螢幕的長寬占比不同，要求開發者在開發過程中對

不同裝置

顯示不同的

頁面布局

效果。

二、響應式設計常見的開發工具

響應式開發與一般使用文本編輯器足夠

常見的編輯器有

Sublime

、

HBuilder

、

VS Code

、

WebStorm

編者比較推薦

HBuilder

、

VS Code

兩款文本編輯器，

前者

主要專用于網頁開發，

後者

有着豐富的插件生态（小心配置插件的時候不要把環境整壞了哦），讀者可根據自己的喜好對其進行選擇。下面我們使用

VS Code

開始響應式開發入門。

三、VS Code安裝

根據自己的系統選擇不同的版本進行下載下傳，這裡推薦下載下傳Insiders版本的VS Code

這裡放上官網連結[VS Code](https://code.visualstudio.com/)

由于是軟體源在國外，是以通路會有一點慢，不必介意

VS Code安裝就是一直點下一步就好了。

安裝完成後，啟動軟體安裝

open in browser

插件後重新開機VS Code即可開始愉快的響應式開發。