網頁前端入門工具安裝

科學上網

web前端開發大多的資料都是國外的，而且在開發的過程中報錯都是英文的，直接複製錯誤信息到Google上基本上技能找到解決方案了，所以需要科學上網，至於怎麼科學上網，請自行百度吧。

瀏覽器安裝

網頁前端開發最終效果是瀏覽器來呈現的，選一款好的瀏覽器可以提高開發效率。

推薦安裝Google Chrome瀏覽器， Google瀏覽器是用戶最多的一款，對用戶、開發人員都很友好的支持，插件也很多。

官網下載地址：Chrome（桌面版），選擇對應的系統下載，然後安裝。

如果這個鏈接打不開，在百度搜索『Google瀏覽器』選擇百度軟體下載，下載好後安裝即可。

代碼編輯器

編輯器有很多種，這裡推薦幾款編輯器，可自行選擇合適自己的。

• webstrom

這款編輯器已經把開發需要的插件都集成在一起了，功能強大。

但是這款軟體很耗電腦資源，如果電腦性能不好會很卡的，這款更軟體是收費的，有30天免費試用期，有能力的最好支持正版啊。

下載地址：WebStorm ，選擇對應的系統，下載好後默認安裝就好了。

• vscode

vscode 是微軟開發的免費、輕量級的Web集成開發環境，Windows、linux、Mac 三個系統版本都有。

vscode還有豐富的插件，軟體運行速度快，佔用系統資源少。

下載地址：Visual Studio Code ，選擇對應的系統，下載好後默認安裝就好了。

• sublime 3

sublime是一款操作簡單、好用、插件多的代碼編輯器，軟體收費，但可以免費使用，只不過會每隔一段時間就會彈出提示你需要付費購買，關掉提示可繼續使用，如果心煩可花錢購買就不會提示了。

sublime比 vscode、webstorm 速度快，只不過插件安裝有點費事，其他都很好。

下載地址：https://www.sublimetext.com/ ，選擇對應的系統，下載好後默認安裝就好了。

代碼管理工具GIT

現在大多公司的代碼都是使用git來管理代碼版本的，所以Git需要安裝。

# centos7.2 linux安裝，打開終端輸入下面命令n$ sudo yum updaten$ sudo yum install -y gitnn# ubuntu 安裝，打開終端輸入下面命令n$ sudo apt-get install gitnn# Mac電腦安裝， 需要事先安裝了homebrew n$ brew install gitnn# 檢查是否安裝成功：linux Mac 系統終端下輸入下面命令，出現版本號，說明安裝成功n$ git --versionngit version 2.14.3 (Apple Git-98)nn# windows 下載客戶端安裝：nhttps://git-for-windows.github.io/n# 安裝教程：https://jingyan.baidu.com/article/20095761b48041cb0721b4fc.htmln

NodeJS

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

Node.js 的包管理器 npm，是全球最大的開源庫生態系統。

下載地址：下載 | Node.js ， 建議選擇LTS（長期支持穩定版），有的軟體包會不支持最新版本的（我之前下載了一個最新版，導致報錯，找了很久才發現有的軟體包不支持最新版的nodejs），選擇對應的系統，下載好後，默認安裝就可以了。

英語翻譯字典

作為軟體工程師，如果你的英語不好，那麼編程就會有點痛苦，因為編程語言是英文的，代碼報錯也是英文的，資料文檔大多也是英文的，但是大多程序員的英語不好（我就是），但是沒關係，現在網路時代，可以找一款翻譯軟體來幫助我們。

• Windows、Mac

推薦有道詞典客戶端，有道詞典可劃詞翻譯，詳細功能：功能介紹 - 有道詞典

可在百度搜索『有道詞典』在官網下載客戶端，

• linux

Linux版 - 有道詞典 ，推薦有道。

stardict 星際譯王，這個可自行百度下載安裝，這款詞典也不錯。

• Chrome 插件翻譯

Chrome瀏覽器不支持劃詞翻譯，此時可安裝翻譯插件，推薦有道翻譯插件、Google翻譯插件。

在可以科學上網後，打開Google的應用商店Chrome 網上應用店 ，在裡面搜索 有道翻譯找到後點擊『添加到 CHROME』 等待安裝好後就可以使用了。

• 在線網站翻譯

推薦海詞詞典：海詞詞典

API測試工具Postman

前端開發，有的時候需要對後台的API進行測試，拿著測試結果去找後端開發（有理有據的讓他們改錯誤），所以一款測試API的軟體必不可少，這裡推薦postman軟體。

下載地址：Download Postman ，選擇對應的系統，下載好後默認安裝就可以了。

暫時就這些工具了，如果有別的，後期會加上來。