前端开发环境搭建系列（一）开发工具

前端开发环境搭建系列主要内容

• 开发工具
• 浏览器及其插件
• 包管理工具
• 接口调试工具
• 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设置中文