首页 > 软件开发 > HTML >

WebStorm安装教程2022年

来源:互联网 2023-03-16 19:19:12 版权归原作者所有,如有侵权,请联系我们

对于入门JavaScript 开发的者,最重要的就是安装WebStorm软件,一款非常优秀的JavaScript工具,在互联网上查询目前还没有一篇写得比较详细的WebStorm教程。今天我将使用WebStorm最新2022年版本,从下载到安装以及创建项目带大家完整的走一遍;rEM办公区 - 实用经验教程分享!

工具/原料

  • 微软PC
  • windows10
  • WebStorm2021.3.2

一、WebStorm下载

  • 1

    1、百度搜索查询WebStorm官网;认准官网网址,别在下载站下载可能会捆绑很多垃圾软件;rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

  • 2

    2、打开WebStorm官网主介绍页面,点击“Download”进入下载页面;rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

  • 3

    3、点击“Download”后就跳转到下载页面,自动开始下载,我们可以看到右下角的WebStorm下载信息;rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

  • 3本页面未经许可获取自百度经验
  • 二、WebStorm安装

  • 1

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

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

  • 2

    2、双击WebStorm.exe文件打开,弹出安装信息介绍界面,点击“Next”进行下一步;rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

  • 3

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

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

  • 4

    4、这里是WebStorm安装的一些功能选择,全部勾选上即可,点击“Next”进行下一步;rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

  • 5

    rEM办公区 - 实用经验教程分享!

    5、WebStorm确认安装界面,点击“Install”进行安装rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

  • 6

    rEM办公区 - 实用经验教程分享!

    6、安装进度界面,等待安装完成即可;rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

  • 7

    7、安装WebStorm成功后的界面,默认选择是稍后重启WebStorm,Reboot now(现在重启)rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

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

  • 1

    rEM办公区 - 实用经验教程分享!

    1、双击“WebStorm 2021.3.2”快捷键图标,启动WebStorm;rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

  • 2

    2、 这个项目就是让你选择激活方式的,这里选择rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    Activate WebStorm -> Activation code ;百度搜索“vrg123comWebStorm”先获取WebStorm激活码粘贴进Activation code下方的框里;rEM办公区 - 实用经验教程分享!

    rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

  • 3

    3、点击New Project新创建一个项目;rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

  • 4

    4、选择项目使用的框架,默认是不使用框架创建项目,这里包含了主流使用的框架如node.js、React、Vue等根据自己的需求选择;rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

  • 5

    5、项目成功创建后的主界面,这里可以创建自己需要的文件,如果是选择框架创建会生成相应的关联性文件,rEM办公区 - 实用经验教程分享!

    WebStorm安装教程2022年rEM办公区 - 实用经验教程分享!

  • 6

    6、WebStorm完整的安装流程到这里就全部演示完成了。rEM办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!rEM办公区 - 实用经验教程分享!


    标签: JAVASCRIPTHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号