前端開發環境搭建系列（一）開發工具

前端開發環境搭建系列主要內容

• 開發工具
• 瀏覽器及其插件
• 包管理工具
• 接口調試工具
• Vue、React、Angular（本章）
• 代碼管理工具
• 收藏夾內容推薦

開發工具

webstorm

功能強大 收費

• 集成開發環境（IDE，Integrated Development Environment ）
• WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。
• 目前已經被廣大中國JS開發者譽爲「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等

• 官方下載地址

• 版本

  • Windows
  • Mac OS
  • Linux

• 使用教程：

  • Webstorm 超實用教程
  • Webstorm使用教程詳解
  • Webstorm使用教程

Visual Studio Code

開源 免費 功能強大 強力推薦

• Visual Studio Code是咱們Electron開發的（HTML + CSS + JS）

• 使用Visual Studio Code 必定要記得安裝插件！安裝插件！安裝插件！

• Windows版本下，添加右擊在Visual Studio Code中打開，能夠快速打開項目哦

• 官方下載地址

• 版本

  • Windows
  • Mac OS
  • Linux

• 基本使用教程 百度百科

• 推薦安裝插件：

  • vscode 前端插件推薦 推薦
  • vscode 編輯器經常使用插件推薦

• 推薦配置：

  • 2018 vscode 前端最佳配置

sublime text

代碼編輯器 可配置程度高

Sublime Text 也是經過各類配置插件來實現許多強大的功能的，若是想優雅的使用好它，必定要多適當的安裝一些插件！

• 官方下載地址

Sublime Text 2是收費軟件，但能夠無限期試用

• 版本

  • Windows
  • Mac OS
  • Linux

• 使用教程：

  • Sublime Text 全程指引 by Lucida 推薦
  • Sublime Text 詞條 百度百科
  • 如何優雅地使用Sublime Text3
  • sublime text 3設置中文