首頁  >  文章  >  開發工具  >  WebStorm2021如何安裝?安裝教學詳解【附圖】

WebStorm2021如何安裝?安裝教學詳解【附圖】

青灯夜游
青灯夜游轉載
2022-08-02 17:27:144404瀏覽

對於入門JavaScript 開發的者,最重要的就是安裝WebStorm軟體,一款非常優秀的JavaScript工具,在網路上查詢目前還沒有一篇寫得比較詳細的WebStorm教學。今天分享WebStorm2021.3.2版本的安裝教程,從下載到安裝以及創建專案帶大家完整的走一遍。

一、WebStorm下載

#1、百度搜尋查詢WebStorm官網;認準官網網址,別在下載站下載可能會捆綁很多垃圾軟體;(相關推薦:webstorm教學

官網網址:https://www.jetbrains.com/webstorm/

WebStorm2021如何安裝?安裝教學詳解【附圖】
# 2、開啟WebStorm官網主介紹頁面,點選「Download」進入下載頁面;

WebStorm2021如何安裝?安裝教學詳解【附圖】

3、點選「Download」後就跳到下載頁面,自動開始下載,我們可以看到右下角的WebStorm下載資訊;

WebStorm2021如何安裝?安裝教學詳解【附圖】

WebStorm2021如何安裝?安裝教學詳解【附圖】

WebStorm2021如何安裝?安裝教學詳解【附圖】

WebStorm2021如何安裝?安裝教學詳解【附圖】

WebStorm2021如何安裝?安裝教學詳解【附圖】

WebStorm2021如何安裝?安裝教學詳解【附圖】

WebStorm2021如何安裝?安裝教學詳解【附圖】

WebStorm2021如何安裝?安裝教學詳解【附圖】

##1、找到下載完成後的「WebStorm-2021.3.2.exe」安裝包,PS(寫稿時作者能下載到的最新的WebStorm版本為2021.3.2,如版本號有差別也沒關係,都是適用的)

WebStorm2021如何安裝?安裝教學詳解【附圖】

2、雙擊WebStorm.exe檔案打開,彈出安裝資訊介紹介面,點選「Next」進行下一步;

WebStorm2021如何安裝?安裝教學詳解【附圖】

3、這個介面提示讓你選擇WebStorm軟體安裝在電腦的哪個位置,預設是安裝在C盤下,一般不建議安裝在C盤,我們可以安裝在儲存空間比較大的盤,比如D盤。點選「Next」進行下一步;

WebStorm2021如何安裝?安裝教學詳解【附圖】
WebStorm2021如何安裝?安裝教學詳解【附圖】

4、這裡是WebStorm安裝的一些功能選擇,全部勾選上即可,點選「Next」進行下一步;

WebStorm2021如何安裝?安裝教學詳解【附圖】

5、WebStorm確認安裝介面,點選「Install」進行安裝

WebStorm2021如何安裝?安裝教學詳解【附圖】

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如何安裝?安裝教學詳解【附圖】

(學習影片分享:web前端教學

以上是WebStorm2021如何安裝?安裝教學詳解【附圖】的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:csdn.net。如有侵權,請聯絡admin@php.cn刪除