一：瀏覽器
直接安裝最新的 chrome 瀏覽器就可以了，也可以使用微軟新一代瀏覽器或者火狐瀏覽器。
chrome 瀏覽器： 渲染引擎：webkit js引擎：v8v 善用 chrome devtools
二：基礎開發工具
visual studio code (簡稱 vs code / vsc) 是一款免費開源的現代化輕量級**編輯器，支援幾乎所有主流的開發語言的語法高亮、智慧型**補全、自定義快捷鍵、括號匹配和顏色區分、**片段、**對比 diff、git 命令等特性，支援外掛程式擴充套件，並針對網頁開發和雲端應用開發做了優化。軟體跨平台支援 windows、mac 以及 linux，執行流暢，可謂是微軟的良心之作。
關於visual studio code 配置：
主題theme
⦿ oceanic next (dimmed bg)
⦿ 外掛程式extensions
⦿ auto close tag：自動關閉html標記。 link →
⦿auto rename tag：自動修改匹配的html標記。 link →
⦿color highlight：高亮度css中的顏色。link →
⦿paste and indent：自動縮排貼上的**。 link →
⦿path intellisense：自動完成檔名。 link →
⦿prettier：自動格式化**。 link →
⦿。。。
## node.js + nvm
node對前端的重要性不言而喻，基本上只裝乙個node其實也夠用，但難免也會有需要切換版本的時候，總不能每次都要覆蓋安裝吧，所以就需要乙個來控制node版本的工具啦，這裡我選擇了nvm。
## git的安裝
1：配置git
2：配置個人資訊
!(c:\users\12242\pictures\camera roll\qq截圖20200926185155.png)
3：建立版本庫
!(c:\users\12242\pictures\camera roll\2.png)
#### 2：拖拽
#### 3：目錄
在文章中使用自動根據層級生成目錄
同時還支援在編輯時實時顯示目錄，開關快捷鍵為`command + shift + b`或視窗右上角的符號
#### 4：匯出
前端開發 環境搭建
1.安裝node v6.0.0 x64.msi 安裝成功之後可以使用簡單命令 node v 檢視其版本 1.1配置環境變數 c program files nodejs 2.使用 的國內映象 cmdnpm install g cnpm registry 2.1配置環境變數 3.安裝cordova 或...
前端開發環境搭建
前端開發環境搭建 安裝google chrome 最後測試一下，在cmd命令下執行 npm install webpack g，webpack 安裝成功，執行 npm webpack v 可以看到所安裝webpack的版本號，這些都成功了，就安裝配置都成功了。安裝visual studio code...
前端開發環境搭建
3.安裝後可以驗證下nodejs是否成功安裝 進入執行，輸入cmd，在裡面輸入node v 按回車 如果正確安裝，將會輸出你安裝的版本。6.安裝好grunt後，就可以安裝外掛程式了 最重要的包管理外掛程式bower 在cmd中輸入 npm install bower g進行全域性安裝。安裝完成後可以...