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

article/2025/1/10 3:17:56

对于入门JavaScript 开发的者,最重要的就是安装WebStorm软件,一款非常优秀的JavaScript工具,在互联网上查询目前还没有一篇写得比较详细的WebStorm教程。今天我将使用WebStorm最新2022年版本,从下载到安装以及创建项目带大家完整的走一遍;
一、WebStorm下载
1、百度搜索查询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、项目成功创建后的主界面,这里可以创建自己需要的文件,如果是选择框架创建会生成相应的关联性文件,
在这里插入图片描述


http://chatgpt.dhexx.cn/article/VAStKPl8.shtml

相关文章

关于webstorm中TS如何设置中文提示

如下图所示,默认提示为英文 如果需要切换为中文提示,可按如下操作: 在选项中输入参数:--locale zh-CN,然后重启webstorm。 让我们来看看效果: 大功告成!✌️

NodeJS + WebStorm 中文显示乱码

当使用 WebStorm 运行 NodeJS 代码时, 使用 response.write 有中文的时候,会显示乱码,如下图: server.on(request,function (request, response) {console.log(收到客户端的请求了,请求路径是: request.u…

webstorm的中文教程和技巧分享

webstorm是一款前端javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享。webstorm8.0.3中文汉化版下载:百度网盘下载:http://pan.baidu.com/s/1pJI9PMVWebStorm为前端javascript开发而生,专门为 javascript开发做了很…

IDEA-goland-pychar-phpstorm-webstorm设置中文版

以前都是需要手动安装破解包 , 达到中文的效果,但是设置等操作是不可用的 现在只需要(ctrlalts)打开设置 在plugin中输入chiness , 然后重启idea即可

Webstorm中文乱码的问题

2019独角兽企业重金招聘Python工程师标准>>> Webstorm中文乱码的问题 1、设置中文字体 2、设置文件编码集(1) 3、设置文件编码集(2) 转载于:https://my.oschina.net/u/2441766/blog/856200

php代码丑,解决webstorm显示中文难看、丑的问题

相信用过sublime、atom 类的编辑器的童鞋,装完webstorm对这款编辑器的第一印象是没啥好感的。一个很重要的原因就因为第一眼看上去这款IDE默认主题界面不好看,最不能忍的是中文显示太难看,中文显示的有粗有细,有些中文显示会有锯齿…

webstorm中文乱码问题

步骤: 1、ctrlshifts 2、选择Editor----->File Encoding 3、

Webstorm的介绍

WebStorm 是什么?? WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、 “最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分…

【webstorm】webstorm官网中文破解版

转载地址:https://blog.csdn.net/vchen_hao/article/details/77248053 1.下载webstorm软件。 1.官网下载 https://www.jetbrains.com/webstorm/ 2.百度云盘下载 链接:链接: https://pan.baidu.com/s/1kXimplP 密码: av6g 2.安装。 1、运行“WebStorm-20…

WebStorm设置中文,没有显示安装官方插件来这

一、直接访问 Versions: Chinese (Simplified) Language Pack / 中文语言包 - IntelliJ IDEs Plugin | Marketplace (jetbrains.com) 下载 二、使用步骤 1.选择WebStorm 2.打开WebStrom 就会提示你是否下载中文包了 总结 这是在webstorm里面没有搜到中文包的步骤&#xff0c…

WebStorm中文乱码解决代码

<meta http-equiv"Content-Type" content"text/html;charsetutf-8"> 以上这张图是我用HTML方式写的一张简历,好,现在运行 大家看,我运行起来的这个代码,在页面中已经中文乱码了,这个问题之前一直困扰着我,前几天刚刚得到了解决方法,现在分享给大家. …

webstorm控制台中文乱码解决

webstorm控制台中文乱码解决 点击这里&#xff0c;会打开一个配置文件&#xff0c;在最下面加一行代码 -Dfile.encodingutf-8再重启webstorm就ok了

webstorm设置中文界面

打开setting-plugins&#xff0c;搜索Chinese&#xff0c;下载选中的那个插件&#xff0c;下载完成启用之后重启webstorm即可

WebStorm设置中文,直接安装官方插件

菜单栏 File -> Settings 进入设置页面。Plugins内搜索chinese中文语言包插件安装完毕重启WebStorm

WebStorm 2023 下载、安装、汉化

1. 下载WebStorm 1.1. 官网下载地址 https://www.jetbrains.com/webstorm/https://www.jetbrains.com/webstorm/download/download-thanks.html1.2. 官网介绍 WebStorm是一个用于JavaScript和相关技术的集成开发环境。与其他JetBrains IDE一样&#xff0c;它使您的开发体验更…

C语言图形库的问题

C语言图形库 源文档 &#xff1a;https://blog.csdn.net/weixin_44690490/article/details/100633283 谈一下easyx库里处理图片的问题 用图形处理输出图像 我按照作者的方式但是结果不行&#xff0c;如图

【C语言】TC2.0环境-带图形库

目录 1. 下载2. 编译一个图形程序2.1. 解压2.2. 打开虚拟DOS2.3. 设置盘映射到DOSbox中2.4. 进入TC2.0安装目录2.5. 打开源代码2.6. 设置TC.EXE路径2.7. 编译2.8. 链接2.9. 运行2.10. 运行结果 1. 下载 链接&#xff1a;https://pan.baidu.com/s/18lG_eWWURHNjagklmxfnmA 提取…

C语言基于ege图形库的图片碰撞检测

WSAD移动 有碰撞的话会显示一个原点 我用的是两张80*80的图片 用其他的图片的话自己改代码 把图片改名成1.png和 2.png 就是这两张图片 #include<graphics.h> #include<windows.h> #include<stdio.h> int xx,yy; int wanjiax20,wanjiay120; SMALL_RECT z,f,…

【精选】各种节日祝福(C语言,可修改),Easyx图形库应用+源代码分享

博主&#xff1a;命运之光✨✨ 专栏&#xff1a;Easyx图形库应用&#x1f4c2; 目录 ✨一、程序展示 范例一&#xff1a;❤新年祝福❤ 范例二&#xff1a;❤母亲节祝福❤ ✨二、项目环境 简单介绍一下easyx图形库应用 Easyx图形库 ✨三、运行效果展示&#xff08;视频&am…

C语言之五子棋项目 基于EasyX图形库

C语言之五子棋 前言一、EasyX图形库下载与安装1.EasyX图形库下载2.VS2019设置EasyX图形库 二、五子棋中用到的图形库知识1.初始化页面2.文字显示3.鼠标操作4.棋盘绘制5.绘制棋子 三、五子棋核心程序1.放置棋子2.判断连棋3.人人对战4.人机对战 总结 前言 极客领航搁置许久&#…