2020年了，如果現在做一個PC傳統(tǒng)網站（多頁面、符合SEO），要求要工程化，現在是用什么技術棧？現在如果你想做一個PC端的傳統(tǒng)網站。前后端分離很流行。那么為什么要把前端和后端分開呢？因為前面和后面沒

2020年了，如果現在做一個PC傳統(tǒng)網站（多頁面、符合SEO），要求要工程化，現在是用什么技術棧？

現在如果你想做一個PC端的傳統(tǒng)網站。前后端分離很流行。那么為什么要把前端和后端分開呢？

因為前面和后面沒有分隔。我們大多數人使用MVC進行開發(fā)。但是有一個限制。因為我的前端和后端是高度耦合的。前端數據和頁面呈現（包括重定向）需要從后端指定。簡言之，后端和前端是一對一的模式。這不利于前端形式的擴展。

目前，隨著手機的廣泛使用，包括移動網站在內的移動應用越來越被公眾所接受。此時，我們希望使用同一組數據來呈現不同的前端接口。顯然，MVC不能滿足這種情況。所以我們開始開發(fā)前端和后端分離模式。

因此，如果前端是一個PC網站，如果要考慮兼容性，jQuery仍然會被更多地使用。但在大多數瀏覽器都能支持相對較新的技術的背景下，我們不需要考慮太多的兼容性問題?，F在我們主要使用Vue進行前端開發(fā)。Vue的優(yōu)點是可以通過數據驅動的方式組織和開發(fā)，通過MVVM模式進行數據呈現和綁定。當然，Vue還支持多頁開發(fā)。

在后端，我們通常使用web API向前端提供數據。它的優(yōu)點是重量非常輕，而且與前端特別友好，效率高。另一個優(yōu)點是對數據的高并發(fā)性的需求不斷增加。通過前端和后端分離的模式，可以方便地進行分布式集成部署，實現后端服務器的負載均衡。

綜上所述，到2020年，我們可以選擇前端和后端分離的模式，使用Vue web API模式開發(fā)PC頁面。

什么編輯器適合寫Vue？

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

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

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

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

vue搭配什么做前端開發(fā)比較好？

Vue是一個用于構建用戶界面的漸進式框架。與其他大型框架不同，Vue被設計成從下到上逐層應用。Vue的核心庫只關注可視層，它不僅易于使用，而且易于與第三方庫或現有項目集成。另一方面，當與現代工具鏈和各種支持類庫相結合時，Vue還可以為復雜的單頁應用程序提供驅動程序。

1. 如果你在做PC應用程序，最好的選擇是elementui。

NPM I element UI-S

最簡單的UI編寫方法：http://element-cn.eleme.io/#/zh-Cn/組件/安裝

2。對于app mobile應用程序，最好選擇AUI或ionic

文檔：http://www.auicss.com/doc/v/2/doc[ID/1

aui2.0是一個全新的AUI框架，它是在1的基礎上重新構建的。十、在2.0中，REM全局控制大小，完全適應不同分辨率的移動設備；新增的主題樣式表方便開發(fā)者自定義基本顏色樣式，完成APP主題的定制。從IOS 5.1到Android 4.2的完美兼容性。所以我認為它是一個很好的UI插件。