WebStorm安装配置方法图文教程

 更新时间:2020年09月22日 10:13:34   作者:公有云私有云  
这篇文章主要为大家详细介绍了WebStorm安装配置方法图文教程,文中安装步骤介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

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

一、简介

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的JavaScript IDE"等。

二、安装

官网地址:http://www.jetbrains.com/webstorm/

脚本之家下载地址:https://www.jb51.net/softs/598714.html

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

下载之后进行安装

启动软件

三、使用

使用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应用程序。

创建成功后的样子

四、配置

4.1设置背景色为黑色

点击settings

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

4.2设置字体大小

字体设置在Settings-->Editor-->Colors&Fonts-->Font下面

点击Save AS 先另保存一份再进行修改

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

点击OK就完成了修改。

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

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

相关文章

  • 超好用的免费内网穿透工具【永久免费不限制流量】

    超好用的免费内网穿透工具【永久免费不限制流量】

    对于开发人员来讲,演示内网web站点、本地开发微信公众号、小程序开发、调试第三方支付系统对接等开发环境,往往需要一个环境可以进行调试,市面上内网穿透工具有很多,这里推荐一款简单又好用的cpolar,可以永久免费使用,不限制流量,支持http/https/tcp协议
    2022-09-09
  • 带你了解HDFS的Namenode 高可用机制

    带你了解HDFS的Namenode 高可用机制

    为了Hadoop更好的应用,Hadoop 2.0 及之后版本增加了 Namenode 高可用机制,本文详细介绍 Namenode 高可用机制,可供大家参考
    2021-08-08
  • 如何用Idea或者webstorm跑一个Vue项目(步骤详解)

    如何用Idea或者webstorm跑一个Vue项目(步骤详解)

    这篇文章主要介绍了如何用Idea或者webstorm跑一个Vue项目,本文分步骤给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-02-02
  • vscode使用nuget包管理工具

    vscode使用nuget包管理工具

    这篇文章介绍了vscode使用nuget包管理工具的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • chrome跳转新页面自动打开devtools调试工具的方法

    chrome跳转新页面自动打开devtools调试工具的方法

    Chrome开发者工具(DevTools)是Web开发中不可或缺的利器,为了解决页面跳转后无法查看初始化请求的问题,可以通过提前打开开发者工具(devtools)并设置保留日志来实现,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2024-10-10
  • 10个调试和排错的小建议

    10个调试和排错的小建议

    几乎没有哪个程序员能够写出一个bug都没有的代码,但是解决方法总是比困难多得多。多实践和坚毅的决心是成功的关键,这样才能够写出清洁代码,保证软件系统的可靠性
    2014-03-03
  • DeepSeek R1本地化部署 Ollama + Chatbox 如何打造最强 AI 工具

    DeepSeek R1本地化部署 Ollama + Chatbox 如

    文章介绍了如何在本地部署DeepSeekR1模型并使用Chatbox进行交互,使用户能够拥有强大的AI工具,感兴趣的朋友跟随小编一起看看吧
    2025-02-02
  • Elasticsearch的删除映射类型操作示例

    Elasticsearch的删除映射类型操作示例

    这篇文章主要为大家介绍了Elasticsearch的删除映射类型操作示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-04-04
  • 详细讲解HDFS的高可用机制

    详细讲解HDFS的高可用机制

    本文详细讲解了HDFS的高可用机制。如果namenode出现问题,整个HDFS集群将不能使用,HDFS高可用(HA)方案就是为了解决这个问题而产生的,让我们一起来了解了解吧
    2021-08-08
  • git push & git pull 推送/拉取分支的具体使用

    git push & git pull 推送/拉取分支的具体使用

    这篇文章主要介绍了git push & git pull 推送/拉取分支的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08

最新评论