一、VSCode 的使用

1、下載&安裝

點擊?VScode 官網?下載最新版本。

---

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

---

二、ES6

1、簡介

ECMAScript?6（簡稱ES6）是于2015年6月正式發布的JavaScript語言的標準，正式名為ECMAScript 2015（ES2015）。它的目標是使得JavaScript語言可以用來編寫復雜的大型應用程序，成為企業級開發語言??。每年一個新版本。

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

ECMAScript?是瀏覽器腳本語言規范，而各種我們熟知的 js 語言，如：JavaScript 則是規范的具體實現。

2、?ES6 新特性

---

三、Node.js?

1、簡介

node.js是一個基于 Chrome V8 引擎的 JavaScript 運行環境。

主要關注于node.js的npm功能就行：

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

2、官網下載安裝node.js，并使用 node -v 檢查版本，點擊跳轉Node.js 官方網站

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

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

命令如下:

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

---

四、Vue

1、MVVM思想

M：即Model，模型，包括數據和一些基本操作；

V：? 即 View，視圖，頁面渲染結果；

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

2、Vue 簡介

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

3、Vue 官網學習文檔

4、Vue 模塊化開發

---

五、Babel

Babel 是一個 JavaScript 編譯器，我們可以使用 ES?的最新語法編程，而不用擔心瀏覽器兼容問題。他會自動轉化為瀏覽器兼容的代碼

---

六、Webpack

自動化項目構建工具，gulp 也是同類產品

---

七、前端技術棧與后端技術棧類比圖

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。