一、VSCode 的使用

1、下載&安裝

點(diǎn)擊?VScode 官網(wǎng)?下載最新版本。

---

2、安裝常用插件，如下：

---

二、ES6

1、簡(jiǎn)介

ECMAScript?6（簡(jiǎn)稱ES6）是于2015年6月正式發(fā)布的JavaScript語言的標(biāo)準(zhǔn)，正式名為ECMAScript 2015（ES2015）。它的目標(biāo)是使得JavaScript語言可以用來編寫復(fù)雜的大型應(yīng)用程序，成為企業(yè)級(jí)開發(fā)語言??。每年一個(gè)新版本。

另外，一些情況下ES6也泛指ES2015及之后的新增特性，雖然之后的版本應(yīng)當(dāng)稱為ES7、ES8等。

ECMAScript?是瀏覽器腳本語言規(guī)范，而各種我們熟知的 js 語言，如：JavaScript 則是規(guī)范的具體實(shí)現(xiàn)。

2、?ES6 新特性

---

三、Node.js?

1、簡(jiǎn)介

node.js是一個(gè)基于 Chrome V8 引擎的 JavaScript 運(yùn)行環(huán)境。

主要關(guān)注于node.js的npm功能就行：

NPM是隨同NodeJS一起安裝的包管理工具，JavaScript-NPM，作用等同于Java-Maven。

2、官網(wǎng)下載安裝node.js，并使用 node -v 檢查版本，點(diǎn)擊跳轉(zhuǎn)Node.js 官方網(wǎng)站

3、配置npm 使用淘寶鏡像。

(默認(rèn)npm下載東西是用使用國(guó)外地址，下載速度慢，改成國(guó)內(nèi)鏡像速度快。)

命令如下:

npm config set registy http://registry.npm.taobao.org/

---

四、Vue

1、MVVM思想

M：即Model，模型，包括數(shù)據(jù)和一些基本操作；

V：? 即 View，視圖，頁面渲染結(jié)果；

VM：即 View.Model，模型與視圖間的雙向操作（無需開發(fā)人員干涉）。

2、Vue 簡(jiǎn)介

Vue (讀音 /vju?/，類似于 view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架。與其它大型框架不同的是，Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue 的核心庫只關(guān)注視圖層，方便與第三方庫或既有項(xiàng)目整合。?

3、Vue 官網(wǎng)學(xué)習(xí)文檔

4、Vue 模塊化開發(fā)

---

五、Babel

Babel 是一個(gè) JavaScript 編譯器，我們可以使用 ES?的最新語法編程，而不用擔(dān)心瀏覽器兼容問題。他會(huì)自動(dòng)轉(zhuǎn)化為瀏覽器兼容的代碼

---

六、Webpack

自動(dòng)化項(xiàng)目構(gòu)建工具，gulp 也是同類產(chǎn)品

---

七、前端技術(shù)棧與后端技術(shù)棧類比圖

總結(jié)

以上是生活随笔為你收集整理的前端基础：技术栈简介的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。