Webstorm的安装与使用

Webstorm的安装与使用

这是一篇快速上手Webstorm并运行一个项目的实用指南

1.下载安装Webstorm

使用Webstorm是需要**的,Window环境下可参考脚本之家下载

2.开始使用Webstorm

  1. 打开或创建一个项目
    点击"Create New Project"创建新项目,点击“Open”打开已存在的项目文件。
    Webstorm的安装与使用
  2. 为项目添加一个新文件
    选用需要添加新文件的项目文件夹点击右键,按下图操作根据需要添加,图例为添加一个Javascript文件。
    Webstorm的安装与使用

3.Webstorm用户界面简介

用户界面分为欢迎界面和主界面,当一个project(项目)被打开后,进入主界面。下面就主界面的主要组成部分进行简单的介绍(对应下图的标号):
Webstorm的安装与使用

  1. 主菜单和工具栏
    主菜单包含打开、创建项目,重构代码,运行、调试程序,项目版本控制等重要的功能;
    工具栏则是对主菜单中主要功能的快速访问,默认隐藏,可通过点击主菜单View | Toolbar显示。
  2. 导航栏
    用于寻找、打开项目进行编辑,可点击View | Navigation Bar 显示/隐藏。
  3. 状态栏
    表明项目和IDE的状态信息,显示警告等相关信息。
  4. 编辑区
    创建、阅读和修改代码的主要工作区域。
  5. 工具窗口
    项目管理、搜索、运行调试程序、版本控制等特定任务的辅助窗口。
    ###4.个性化设置
    Webstorm的默认设置可能不怎么讨人喜欢,没关系,你可以定制专属环境。
  6. 配置颜色和字体
    1.1 点击File|Settings|Editor|Color Scheme中的下拉列表可以更改主题,进一步地,通过Font页面对主题进行修改。
    Webstorm的安装与使用
    1.2 实用:在编辑区域对特定类型的标志进行样式修改。按下Ctrl+Shift+A,输入jump,选择Jump to Colors and Fonts进行修改。
    Webstorm的安装与使用
    1.3 更进一步的主题自定义可点击File|Settings|Editor|Color Scheme|Language Defaults进行修改。
    Webstorm的安装与使用
    右击项目根文件夹,点击Refactor|Rename即可。

5.运行程序

点击Run|Run…,然后按Run|Run"项目名",即可。

其他

关于调试和版本控制的说明请期待接下来的博客更新,谢谢。

反馈与建议

参考网站

Meet WebStorm