前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >快速学习-WebStorm安装

快速学习-WebStorm安装

作者头像
cwl_java
发布2020-01-14 14:47:52
1.4K0
发布2020-01-14 14:47:52
举报
文章被收录于专栏:cwl_Javacwl_Java

WebStorm安装

1 介绍

WebStorm是JetBrains公司的一款JavaScript开发工具,号称最好用的前端开发工具。

2 下载安装

2.1下载

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

在这里插入图片描述
在这里插入图片描述

.在上图点击“Download”下载最新版本。

下载旧版本,进入下载界面: https://www.jetbrains.com/webstorm/download/previous.html

2.2 安装

运行 WebStorm的安装文件:WebStorm-2018.2.3.exe

在这里插入图片描述
在这里插入图片描述

执行下一步进行安装,可以在下图选择将32位、64位启动程序放在桌面。 本教程使用32位的启动程序。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

安装成功,下图为安装目录:

在这里插入图片描述
在这里插入图片描述

启动,出现下边的提示:

在这里插入图片描述
在这里插入图片描述

webStorm需要jdk支持,由于本教程启动的是32位的webstorm,所以需要安装32位的jdk。

jdk安装略。

再次启动,提示:

在这里插入图片描述
在这里插入图片描述

该软件需要授权方可使用: 1、学生和老师申请免费授权 https://sales.jetbrains.com/hc/zh-cn/articles/207154369- %E5%AD%A6%E7%94%9F%E6%8E%88%E6%9D%83%E7%94%B3%E8%AF%B7%E6%96%B9%E5%BC%8F

2、购买正式授权 https://www.jetbrains.com/idea/buy/#edition=commercial

3、先免费使用30天 选择Evaluate for free.

选择任意一种方式,下一步WebStorm重启进入下图:

在这里插入图片描述
在这里插入图片描述

3 基本设置

3.1 主题

黑色主题:

在这里插入图片描述
在这里插入图片描述

3.2 字体

设置菜单字体:

在这里插入图片描述
在这里插入图片描述

设置内容字体大小:

在这里插入图片描述
在这里插入图片描述

3.3 代码模板

html5代码模板:

在这里插入图片描述
在这里插入图片描述
代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF‐8">
    <title></title></head>
<body></body>
</html>

3.4 快捷键

对于熟悉eclipse快捷键的用户可以设置eclipse快捷键

在这里插入图片描述
在这里插入图片描述

自定义快捷键,下边以删除行为例子:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.5 Node.js环境配置

如果本机没有安装node.js则先安装。 Node.js安装 略。 在WebStorm中设置node.exe

在这里插入图片描述
在这里插入图片描述

3.6 添加Node.js源代码

为了在程序中对node.js的一些类库有提示,我在webtorm中添加node.js库:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • WebStorm安装
    • 1 介绍
      • 2 下载安装
        • 2.1下载
        • 2.2 安装
      • 3 基本设置
        • 3.1 主题
        • 3.2 字体
        • 3.3 代码模板
        • 3.4 快捷键
        • 3.5 Node.js环境配置
        • 3.6 添加Node.js源代码
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档