欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

WebStorm安装配置方法图文教程

程序员文章站 2022-04-10 09:11:09
本文为大家分享了webstorm安装配置方法图文教程,供大家参考★★★ 特别推荐:最新webstorm2020.2注册码永久激活(激活到2089年)一、简介webstorm 是jetbrains公司旗...

本文为大家分享了webstorm安装配置方法图文教程,供大家参考

特别推荐最新webstorm2020.2注册码永久激活(激活到2089年)

一、简介

webstorm 是jetbrains公司旗下一款javascript 开发工具。被广大中国js开发者誉为"web前端开发神器"、"最强大的html5编辑器"、"最智能的javascript ide"等。

二、安装

官网地址:

下载地址:

去官网下载最新版本进行安装.

WebStorm安装配置方法图文教程

下载之后进行安装

WebStorm安装配置方法图文教程

WebStorm安装配置方法图文教程

WebStorm安装配置方法图文教程

WebStorm安装配置方法图文教程

WebStorm安装配置方法图文教程

WebStorm安装配置方法图文教程

启动软件

WebStorm安装配置方法图文教程

WebStorm安装配置方法图文教程

三、使用

使用webstorm创建一个项目

WebStorm安装配置方法图文教程

这里支持有很多的类型项目:

empty project         ----一个空的项目

html5 boilerplate     ----html5开发框架

web starter kit       ----web starter kit 是 google的一个开源项目,它里面提供了一些工具,比如 browsersync,实时的预览项目的变化,在不同浏览器上同步页面的行为。

react app             ----基于react.js用来开发ios和android原生app。

twitter bootstrap     ----bootstrap是twitter推出的一个用于前端开发的开源工具包。

foundation            ----foundation 是一个易用、强大而且灵活的响应式前端框架,用于构建基于任何设备上的响应式网站、 web应用和电子邮件。结构语义化、移动设备优先、完全可定制。 

angular js            ----angularjs有着诸多特性,最为核心的是:mvvm、模块化、自动化双向数据绑定、语义化标签、依赖注入,等等。

angular cli           ----angular cli 帮助开发者快速创建angular 2项目和组件

react native          ----reactnative可以基于目前大热的开源javascript库react.js来开发ios和android原生app。

node.js express app   ----express 是一个简洁而灵活的 node.js web应用框架, 提供了一系列强大特性帮助你创建各种 web 应用,和丰富的 http 工具。使用 express 可以快速地搭建一个完整功能的网站

phonegap/cordova app  ----phonegap/cordova提供了一组设备相关的api,通过这组api,移动应用能够以javascript访问原生的设备功能,如摄像头、麦克风等。

yeoman                ----yeoman是google的团队和外部贡献者团队合作开发的,他的目标是通过grunt(一个用于开发任务自动化的命令行工具)和bower(一个html、css、javascript和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流。 

meteor app            ----meteor是跨时代的全栈web开发框架,github stars数已超越ruby on rails。使用它能够迅速地开发实时的(real-time)和响应式的(reactive)应用,并且可以在一套代码中支持web,ios,android,

desktop多端。meteor能够轻松的和其他框架和应用结合,如reactjs,angularjs,mysql,cordova等。 

dart         ----dart是一种基于类的可选类型化编程语言,设计用于创建web应用程序。

创建成功后的样子

WebStorm安装配置方法图文教程

四、配置

4.1设置背景色为黑色

WebStorm安装配置方法图文教程

点击settings

WebStorm安装配置方法图文教程

选择之后点击确定,然后整个软件的颜色就全变黑了。

4.2设置字体大小

字体设置在settings-->editor-->colors&fonts-->font下面

WebStorm安装配置方法图文教程

点击save as 先另保存一份再进行修改

WebStorm安装配置方法图文教程

名字随便取、保存后修改字体为20

WebStorm安装配置方法图文教程

点击ok就完成了修改。

推荐最新webstorm2020.2注册码永久激活(激活到2089年)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

相关标签: WebStorm 安装