【前端開發】Webpack (一) 前言

【前端開發】Webpack (一) 前言

   2月 28, 2019       leeson3

---

最近接手的前端案子越來越多
由於之前都是使用原生的html+js(es5)+css做開發
IDE是使用NotePad




因為案量開始多起來
開始正視如何有效率 以及 跟上目前的開發潮流
最終目的也是讓自己脫離固定開發模式的舒適圈。

這次看了一遍網路上前端開發的文章。
最終選擇了目前還不錯的前端開發方式:Webpack + (ide)Vscode

至於什麼是Webpack。
可以看前端前輩們的入門說明，清楚又明確。
這裡就不做誤人子弟的說明了。
https://www.youtube.com/watch?v=vyI-Ko6fvKU&t=5s

※※※※※※※※※※※※※※※※※

以下是開發前的前置準備：

(一)Visual Studio Code (VSC) 

用途：輕量級的VC，取代原先的IDE (notepad)
官網：https://code.visualstudio.com/
安裝：下載後一直下一步就可以了，安裝完可以在官網選擇安裝的插件。

(1)Live Server   vscode輕量化的Webserver

(2)Chinese Language Pack 語言包

(二)Nvm

用途：套件管理器，打包以及安裝用
由於webpack，還是會有一些nodejs語法，
以及webpack還有各個套件都是透過nvm來進行版本管理安裝。