WebStorm安装教程【2022年新版图解】

对于入门JavaScript 开发的者,最重要的就是安装WebStorm软件,一款非常优秀的JavaScript工具,在互联网上查询目前还没有一篇写得比较详细的WebStorm教程。今天我将使用WebStorm最新2022年版本,从下载到安装以及创建项目带大家完整的走一遍;
一、WebStorm下载
1、百度搜索查询WebStorm官网;认准官网网址,别在下载站下载可能会捆绑很多垃圾软件;

WebStorm安装教程【2022年新版图解】_第1张图片
2、打开WebStorm官网主介绍页面,点击“Download”进入下载页面;
WebStorm安装教程【2022年新版图解】_第2张图片
3、点击“Download”后就跳转到下载页面,自动开始下载,我们可以看到右下角的WebStorm下载信息;
WebStorm安装教程【2022年新版图解】_第3张图片
二、WebStorm安装
1、找到下载完成后的“WebStorm-2021.3.2.exe”安装包,PS(写稿时作者能下载到的最新的WebStorm版本为2021.3.2,如版本号有差别也没关系,都是适用的)
WebStorm安装教程【2022年新版图解】_第4张图片
2、双击WebStorm.exe文件打开,弹出安装信息介绍界面,点击“Next”进行下一步;

WebStorm安装教程【2022年新版图解】_第5张图片
3、这个界面提示让你选择WebStorm软件安装在电脑的哪个位置,默认是安装在C盘下,一般不建议安装在C盘,我们可以安装在存储空间比较大的盘,比如D盘。点击“Next”进行下一步;

WebStorm安装教程【2022年新版图解】_第6张图片
4、这里是WebStorm安装的一些功能选择,全部勾选上即可,点击“Next”进行下一步;
WebStorm安装教程【2022年新版图解】_第7张图片
5、WebStorm确认安装界面,点击“Install”进行安装
WebStorm安装教程【2022年新版图解】_第8张图片
6、安装进度界面,等待安装完成即可;WebStorm安装教程【2022年新版图解】_第9张图片
7、安装WebStorm成功后的界面,默认选择是稍后重启WebStorm,Reboot now(现在重启)

WebStorm安装教程【2022年新版图解】_第10张图片
三、WebStorm激活配置及创建项目

1、双击“WebStorm 2021.3.2”快捷键图标,启动WebStorm;
WebStorm安装教程【2022年新版图解】_第11张图片

2、 这个项目就是让你选择激活方式的,这里选择
Activate WebStorm -> Activation code ; 百度搜索“vrg123comWebStorm”先获取WebStorm激活码粘贴进Activation code下方的框里;
WebStorm安装教程【2022年新版图解】_第12张图片
WebStorm安装教程【2022年新版图解】_第13张图片
WebStorm安装教程【2022年新版图解】_第14张图片
3、点击New Project 新创建一个项目;
WebStorm安装教程【2022年新版图解】_第15张图片
4、选择项目使用的框架,默认是不使用框架创建项目,这里包含了主流使用的框架如node.js、React、Vue等根据自己的需求选择;

WebStorm安装教程【2022年新版图解】_第16张图片
5、项目成功创建后的主界面,这里可以创建自己需要的文件,如果是选择框架创建会生成相应的关联性文件,
WebStorm安装教程【2022年新版图解】_第17张图片

你可能感兴趣的:(webstorm,javascript,编辑器)