怎麼搭建前端開發環境

2021-10-09 20:23:05 字數 740 閱讀 1274

一:瀏覽器

直接安裝最新的 chrome 瀏覽器就可以了,也可以使用微軟新一代瀏覽器或者火狐瀏覽器。如:microsoft edge;mozilla firefox

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 →

⦿。。。

前端開發 環境搭建

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進行全域性安裝。安裝完成後可以...