Webstorm的安装与使用

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

1.下载安装Webstorm

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

2.开始使用Webstorm

  1. 打开或创建一个项目
    点击”Create New Project”创建新项目，点击“Open”打开已存在的项目文件。
    Welcome Screen
  2. 为项目添加一个新文件
    选用需要添加新文件的项目文件夹点击右键，按下图操作根据需要添加，图例为添加一个Javascript文件。
    add a new file

3.Webstorm用户界面简介

用户界面分为欢迎界面和主界面，当一个project(项目)被打开后，进入主界面。下面就主界面的主要组成部分进行简单的介绍（对应下图的标号）：
enter image description here

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

5.运行程序

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

其他

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

反馈与建议

参考网站

Meet WebStorm

版权声明：本文为匿名原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：