html css js為什么不直接設(shè)計成可視化的,像做PPT那樣？有很多可視化的HTML CSS JS工具，比如：DW，h5builder，Baidu website framework，Vue等但是

html css js為什么不直接設(shè)計成可視化的,像做PPT那樣？

有很多可視化的HTML CSS JS工具，比如：DW，h5builder，Baidu website framework，Vue等

但是效果不如PPT，這涉及到一個基本的問題：開發(fā)語言。

Ppt屬于Microsoft的封閉式office套件，其格式是獨占的，并且沒有供開發(fā)人員使用的用戶定義的開發(fā)腳本（excel有VBA宏）。Word具有基本的功能。Ppt僅提供封閉效果引用，如動畫、圖片效果渲染等

Html是一種超文本標記語言。在JS腳本和CSS樣式表的描述下，提供給瀏覽器（開放軟件）臨時編譯對象在瀏覽器框架下運行。因此，有些網(wǎng)頁在一個瀏覽器中顯示正常，在另一個瀏覽器中顯示不正常。因此，很難提供一個類似ppt的可視化框框用于網(wǎng)頁的拖放編輯。

近年來，經(jīng)過前端開發(fā)和后端開發(fā)的分離，前端正朝著框架和模板的方向發(fā)展。如果沒有后臺的數(shù)據(jù)支持，在開發(fā)階段，很多頁面甚至是空白的，這就更不可能用PPT的方式開發(fā)了

什么編輯器適合寫Vue？

有許多編輯器/IDE可以編寫Vue。我個人建議使用vscode來編寫Vue。就連Vue的作者游玉喜也在微博上表示，他也使用vscode。

今天我們將討論如何使用vscode開發(fā)Vue。與大多數(shù)ide一樣，vscode也有擴展和主題市場，包括大量插件。使用vscode開發(fā)Vue必須安裝多個功能強大的插件才能提高工作效率。例如，vscode下的vetur就是這樣一個必要的Vue開發(fā)工具。讓我們從它的一些功能開始。

Vetur支持語法高亮顯示。Vue文件。除了支持模板之外，它還支持大多數(shù)主流的前端開發(fā)腳本和插件，比如sass和typescript。支持突出顯示的完整語法如下跟隨：。語法高亮顯示是所有ide的基本功能之一。編寫沒有語法突出顯示的代碼真的很不舒服。

默認情況下使用Vetureslint插件vue@beta對于detect< template>，錯誤檢測可以幫助我們在開發(fā)過程中發(fā)現(xiàn)錯誤編輯器.tabSize以及編輯器.insertSpace對于HTML和CSS/SCSS/less格式，JS beauty用于標準化，typescript“s language”用于JS/TS格式，這些配置可以更改。有了自動格式化功能，在編寫代碼時可以減少花在格式化上的時間，并且可以把時間和精力放在代碼本身上，大大提高了編寫代碼的效率。