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

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

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

因?yàn)榍懊婧秃竺鏇](méi)有分隔。我們大多數(shù)人使用MVC進(jìn)行開(kāi)發(fā)。但是有一個(gè)限制。因?yàn)槲业那岸撕秃蠖耸歉叨锐詈系?。前端?shù)據(jù)和頁(yè)面呈現(xiàn)（包括重定向）需要從后端指定。簡(jiǎn)言之，后端和前端是一對(duì)一的模式。這不利于前端形式的擴(kuò)展。

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

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

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

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

什么編輯器適合寫(xiě)Vue？

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

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

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

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

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

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

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

NPM I element UI-S

最簡(jiǎn)單的UI編寫(xiě)方法：http://element-cn.eleme.io/#/zh-Cn/組件/安裝

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

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

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