Webstorm installation, activation, configuration __ide, etc. editor

First, Introduction

Webstorm is a JavaScript development tool for the JetBrains company. By the vast number of Chinese JS developers known as the "Web front-end development Artifact", "the most powerful HTML5 editor", "the most intelligent JavaScript IDE" and so on.

Second, the installation

Website address: http://www.jetbrains.com/webstorm/

Go to the official website to download the latest version for installation.

Install after download

Start software

Below will require you to activate if not activated only 30 days for free use

Activate Webstorm (update time: 2018/4/8) v3.3

When registering, select "License Server" in the Open License Activation window and enter the following URL in the input box:

http://im.js.cn:8888 (new, thanks [qq_34394012])

http://hb5.s.osidea.cc:1017 (new, thanks [Cometwo])

Http://idea.lanyus.com (new. Thank you [weixin_38627258])

Click: Activate can be.

Third, the use

Use Webstorm to create a project

There are a number of types of projects supported here:

Empty Project----An empty item

HTML5 boilerplate----HTML5 development framework

Web Starter Kit----Web Starter kit is a Google Open source project that provides tools such as Browsersync, real-time preview of changes in the project, and the behavior of synchronizing pages on different browsers.

React app----based on React.js to develop iOS and Android native apps.

Twitter Bootstrap----Bootstrap is a new open source toolkit for front-end development launched by Twitter.

Foundation----Foundation is an easy-to-use, powerful, and flexible, responsive front-end framework for building responsive Web sites, Web applications, and e-mail based on any device. Structure semantics, mobile device priority, fully customizable.

Angular JS----Angularjs has many characteristics, the core is: MVVM, modular, automated two-way data binding, semantic label, dependency injection, and so on.

Angular CLI----Angular CLI helps developers quickly create angular 2 projects and components

React Native----reactnative can develop iOS and Android native apps based on the current hot open source JavaScript library react.js.

Node.js Express APP----Express is a concise and flexible node.js Web application framework that offers a wide range of powerful features to help you create Web applications and rich HTTP tools. Express can quickly build a fully functional website

Phonegap/cordova App----Phonegap/cordova provides a set of device-related APIs through which mobile apps can access native device features such as cameras, microphones, and so on.

Yeoman----Yeoman was developed by Google's team and external contributor team, with the goal of grunt (a command-line tool for automation of development tasks) and bower (an HTML, CSS, JavaScript, and graphics front-end The wrapper for the source Package Manager creates an Easy-to-use workflow for the developer.

Meteor App----Meteor is an era-wide Web development framework that Github stars beyond Ruby on Rails. It enables rapid development of real-time (real-time) and responsive (reactive) applications, and can support web,ios,android in a set of code.

Desktop a multi-terminal. Meteor can be easily combined with other frameworks and applications, such as Reactjs,angularjs,mysql,cordova.

Dart----Dart is a class-based, optional, typed programming language designed to create Web applications.

What it looks like after it's been created

Four, configuration

4.1 Set background color to black

Click Settings

Click OK after the selection, and then the whole color of the software becomes black.

4.2 Setting the Font size

Font is set below Settings-->editor-->colors&fonts-->font

Click Save As to save a copy before making any changes

The name is random, save after the modified font is 20

Click OK to complete the modification.