對於入門JavaScript 開發的者,最重要的就是安裝WebStorm軟體,一款非常優秀的JavaScript工具,在網路上查詢目前還沒有一篇寫得比較詳細的WebStorm教學。今天分享WebStorm2021.3.2版本的安裝教程,從下載到安裝以及創建專案帶大家完整的走一遍。
一、WebStorm下載
#1、百度搜尋查詢WebStorm官網;認準官網網址,別在下載站下載可能會捆綁很多垃圾軟體;(相關推薦:webstorm教學)
官網網址:https://www.jetbrains.com/webstorm/
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/a8eea98218b8c998e6fd3d40b00238a7-0.jpg)
# 2、開啟WebStorm官網主介紹頁面,點選「Download」進入下載頁面;
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/57ebe55920ee480e18495da9211d3ee6-1.jpg)
3、點選「Download」後就跳到下載頁面,自動開始下載,我們可以看到右下角的WebStorm下載資訊;
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/57ebe55920ee480e18495da9211d3ee6-2.jpg)
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/57ebe55920ee480e18495da9211d3ee6-3.jpg)
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/ea22be898ae28ecb35bd80bdb5b08e09-4.jpg)
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/ea22be898ae28ecb35bd80bdb5b08e09-5.jpg)
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/ea22be898ae28ecb35bd80bdb5b08e09-6.jpg)
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/ea22be898ae28ecb35bd80bdb5b08e09-7.jpg)
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/6eceaec91c6fd4843cc1eab9377bdc60-8.jpg)
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/6eceaec91c6fd4843cc1eab9377bdc60-9.jpg)
##1、找到下載完成後的「WebStorm-2021.3.2.exe」安裝包,PS(寫稿時作者能下載到的最新的WebStorm版本為2021.3.2,如版本號有差別也沒關係,都是適用的)
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/6eceaec91c6fd4843cc1eab9377bdc60-10.jpg)
2、雙擊WebStorm.exe檔案打開,彈出安裝資訊介紹介面,點選「Next」進行下一步;
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/6eceaec91c6fd4843cc1eab9377bdc60-11.png)
3、這個介面提示讓你選擇WebStorm軟體安裝在電腦的哪個位置,預設是安裝在C盤下,一般不建議安裝在C盤,我們可以安裝在儲存空間比較大的盤,比如D盤。點選「Next」進行下一步;
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/2354217d91c19a1b01a7ba17bf8d3020-12.png)
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/2354217d91c19a1b01a7ba17bf8d3020-13.jpg)
4、這裡是WebStorm安裝的一些功能選擇,全部勾選上即可,點選「Next」進行下一步;
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/2354217d91c19a1b01a7ba17bf8d3020-14.jpg)
5、WebStorm確認安裝介面,點選「Install」進行安裝
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/5849318e7651a0002d7fa7373b99fdb7-15.jpg)
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、專案成功建立後的主介面,這裡可以建立自己需要的文件,如果是選擇框架建立會產生相應的關聯性文件, ###
![WebStorm2021如何安裝?安裝教學詳解【附圖】](https://img.php.cn/upload/article/000/000/024/5849318e7651a0002d7fa7373b99fdb7-16.png)
(學習影片分享:web前端教學)
以上是WebStorm2021如何安裝?安裝教學詳解【附圖】的詳細內容。更多資訊請關注PHP中文網其他相關文章!