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

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

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

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

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

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

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

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

什么編輯器適合寫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用于標(biāo)準化，typescript“s language”用于JS/TS格式，這些配置可以更改。有了自動格式化功能，在編寫代碼時可以減少花在格式化上的時間，并且可以把時間和精力放在代碼本身上，大大提高了編寫代碼的效率。

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

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

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

NPM I element UI-S

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

2。對于app mobile應(yīng)用程序，最好選擇AUI或ionic

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

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