• 技术文章 >开发工具 >webstorm

    WebStorm2021如何安装?安装教程详解【附图】

    青灯夜游青灯夜游2022-08-02 17:28:07转载2384

    对于入门JavaScript 开发的者,最重要的就是安装WebStorm软件,一款非常优秀的JavaScript工具,在互联网上查询目前还没有一篇写得比较详细的WebStorm教程。今天分享WebStorm2021.3.2版本的安装教程,从下载到安装以及创建项目带大家完整的走一遍。

    一、WebStorm下载

    1、百度搜索查询WebStorm官网;认准官网网址,别在下载站下载可能会捆绑很多垃圾软件;(相关推荐:webstorm教程

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

    在这里插入图片描述
    2、打开WebStorm官网主介绍页面,点击“Download”进入下载页面;

    在这里插入图片描述

    3、点击“Download”后就跳转到下载页面,自动开始下载,我们可以看到右下角的WebStorm下载信息;

    在这里插入图片描述

    二、WebStorm安装

    1、找到下载完成后的“WebStorm-2021.3.2.exe”安装包,PS(写稿时作者能下载到的最新的WebStorm版本为2021.3.2,如版本号有差别也没关系,都是适用的)

    在这里插入图片描述

    2、双击WebStorm.exe文件打开,弹出安装信息介绍界面,点击“Next”进行下一步;

    在这里插入图片描述

    3、这个界面提示让你选择WebStorm软件安装在电脑的哪个位置,默认是安装在C盘下,一般不建议安装在C盘,我们可以安装在存储空间比较大的盘,比如D盘。点击“Next”进行下一步;

    在这里插入图片描述

    4、这里是WebStorm安装的一些功能选择,全部勾选上即可,点击“Next”进行下一步;

    在这里插入图片描述

    5、WebStorm确认安装界面,点击“Install”进行安装

    在这里插入图片描述

    6、安装进度界面,等待安装完成即可;

    在这里插入图片描述

    7、安装WebStorm成功后的界面,默认选择是稍后重启WebStorm,Reboot now(现在重启)

    在这里插入图片描述

    三、WebStorm激活配置及创建项目

    1、双击“WebStorm 2021.3.2”快捷键图标,启动WebStorm;

    在这里插入图片描述

    2、 这个项目就是让你选择激活方式的,这里选择

    Activate WebStorm -> Activation code ; 百度搜索“vrg123comWebStorm”先获取WebStorm激活码粘贴进Activation code下方的框里;

    在这里插入图片描述

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

    3、点击New Project 新创建一个项目;

    在这里插入图片描述

    4、选择项目使用的框架,默认是不使用框架创建项目,这里包含了主流使用的框架如node.js、React、Vue等根据自己的需求选择;

    在这里插入图片描述

    5、项目成功创建后的主界面,这里可以创建自己需要的文件,如果是选择框架创建会生成相应的关联性文件,

    在这里插入图片描述

    (学习视频分享:web前端教程

    以上就是WebStorm2021如何安装?安装教程详解【附图】的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除
    专题推荐:WebStorm
    上一篇:浅析Webstorm中怎么配置Edge浏览器默认启动方式 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • webstorm可以构建react项目吗?• webstorm左侧导航栏不显示文件夹怎么办• webstorm搭建vue项目新手教程• webstorm中无法打开浏览器怎么办• webstorm的css怎么设置变成只有一行• 聊聊webstorm sass编译问题
    1/1

    PHP中文网