論在WebStorm 中做什么，都是在項目的上下文中執行的。WebStorm 中的項目是一個文件夾，其中包含您編輯的源代碼、您使用的庫和工具（例如，在node_modules子文件夾中）以及各種應用程序配置文件（例如，package.json或.eslintrc）。

WebStorm已更新至V2022.1，歡迎下載WebStorm最新版本試用：

點擊獲WebStorm官方正式版

在 WebStorm 中打開一個文件夾后，.idea子文件夾將添加到其中 WebStorm 存儲其內部配置設置，例如項目代碼樣式或版本控制系統。

.idea目錄中的所有設置文件都應置于版本控制之下，除了workspace.xml，它存儲您的本地首選項。workspace.xml文件應被VCS標記為忽略。

WebStorm 不支持直接編輯遠程主機上的文件。因此，要在 WebStorm 中使用遠程源，需要下載它們，打開存儲它們的文件夾，并將它們安排在 WebStorm 項目中，如從現有本地源創建項目中所述。要使本地和遠程源保持同步，請使用“部署選項”對話框中的“將更改的文件自動上載到默認服務器”列表配置自動上載。

在項目之間切換

如果您同時打開了多個項目，您可以使用以下選項在它們之間切換：

• 切換到下一個項目窗口：（Ctrl+Alt+]窗口|下一個項目窗口）
• 切換到上一個項目窗口：（Ctrl+Alt+[窗口|上一個項目窗口）
• 或者，打開窗口菜單并選擇要切換到的項目。

重命名項目

1. 右鍵單擊項目的根文件夾并選擇Refactor | 從上下文菜單重命名Shift+F6或按。
2. 在打開的對話框中，選擇重命名策略。
3. 如果項目名稱與其根文件夾的名稱相同，請選擇Rename directory。
4. 如果項目名稱與其根文件夾的名稱不同，請選擇Rename project。
   或者，選擇文件 | 從主菜單重命名項目并在打開的對話框中輸入項目的新名稱。
   如果您的應用程序部署到遠程服務器并且項目根文件夾映射到服務器根目錄，也請選擇此選項。
5. 當然，您可以重命名根文件夾并相應地更新服務器配置中的映射。

將項目移動到另一個位置

1. 在Project工具窗口Alt+1中，右鍵單擊項目的根目錄并選擇Refactor | 移動目錄( F6)。
2. 在打開的對話框中，為項目指定一個新位置，然后單擊Refactor。

更改項目的默認位置

在 WebStorm 中，您可以為項目指定默認父文件夾。當您打開項目時，WebStorm 將從該文件夾開始。每次創建新項目時也會建議使用此默認位置。

1. 打開設置/首選項對話框 ( Ctrl+Alt+S) 并轉到外觀和行為 | 系統設置。
2. 在默認目錄字段中，指定要存儲項目的文件夾的路徑。
3. 下次創建項目時，WebStorm 會建議指定目錄作為新項目的父目錄。

通過 VCS 共享項目設置

根據您的選擇處理配置文件。修改項目設置并創建新的配置文件后，IDE 會在屏幕底部顯示一條通知，提示您選擇如何處理此項目中的配置文件：

• 查看文件：查看已創建配置文件的列表并選擇要置于版本控制之下的配置文件。之后，選定的文件將被安排添加到 VCS。
• Always Add：靜默計劃在.idea目錄中創建的所有配置文件以添加到 VCS（僅適用于當前項目）。
• 不要再問：永遠不要安排配置文件添加到 VCS；在您手動將它們添加到 VCS 之前，它們將具有未版本化狀態（僅適用于當前項目）。

如果您在未選擇任何選項的情況下關閉通知，則在創建新配置文件后它將再次出現。即使您重新啟動 IDE，新文件也將進入該列表，直到您選擇其中一個選項。

不可共享的配置文件列表

前端開發工具WebStorm 識別配置文件并將它們自動添加到忽略文件列表中。但是，如果您手動共享項目，我們建議您避免將這些文件和文件夾置于版本控制之下：

• .idea/workspace.xml
• .idea/usage.statistics.xml
• .idea/字典文件夾
• .idea/架子文件夾

將全局設置復制到項目級別

全局 (IDE) 設置與項目分開存儲。這就是為什么這些設置不會通過版本控制與項目一起共享。

但是，可以將某些設置復制到項目級別。例如，您可以創建檢查配置文件的副本，從代碼完成和自動導入中排除的類和包的列表。如果這樣做，IDE 會在.idea目錄中創建相應的配置文件，您可以通過 VCS 與項目一起共享這些配置文件。

以上就是有關WebStorm項目的介紹，更多關于WebStorm價格信息可進入慧都官網查看。

WebStorm是一個針對JavaScript和相關技術的集成開發環境。像其他JetBrains IDE一樣，它使你的開發體驗更加愉快，使日常工作自動化，并幫助你輕松處理復雜的任務。

　用HTML怎么制作網頁呢?靜態網站的編寫主要是用HTML DIV+CSS JS等來完成頁面的排版設計 ? ,常用的網頁設計軟件有Dreamweaver、EditPlus、HBuilderX、VScode 、Webstorm、Animate等等，用的最多的還是DW，當然不同軟件寫出的前端Html5代碼都是一致的。

　　一、網站布局方面：計劃采用目前主流的、能兼容各大主流瀏覽器、顯示效果穩定的浮動網頁布局結構。

　　二、網站程序方面：計劃采用最新的網頁編程語言HTML5+CSS3+JS程序語言完成網站的功能設計。并確保網站代碼兼容目前市面上所有的主流瀏覽器，已達到打開后就能即時看到網站的效果。

　　三、網站素材方面：計劃收集各大平臺好看的圖片素材，并精挑細選適合網頁風格的圖片，然后使用PS做出適合網頁尺寸的圖片。

　　四、網站文件方面：網站系統文件種類包含：html網頁結構文件、css網頁樣式文件、js網頁特效文件、images網頁圖片文件;

　　五、網頁編輯方面：網頁作品代碼簡單，可使用任意HTML編輯軟件(如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進行運行及修改編輯等操作)。 其中： (1) html文件包含：其中index.html是首頁、其他html為二級頁面; (2) css文件包含：css全部頁面樣式,文字滾動, 圖片放大等; (3) js文件包含：js實現動態輪播特效, 表單提交, 點擊事件等等(個別網頁中運用到js代碼)。

漸進式JavaScript 框架

下一代web開發方式，更快，更輕，易維護，更多的原生支持

Vue (讀音 /vju?/，類似于 view) 是一套用于構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。

Vue 的核心庫只關注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。

另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為復雜的單頁應用提供驅動。

-----摘自Vue官網

1、創建項目demo1

需要注意2點：

（1）Vue cli位置是npm install -g @vue/cli 全局安裝位置，通過設置這個位置，將不再從互聯網上下載需要的安裝包，進而為創建項目節約時間

（2）使用默認項目設置：建議取消默認的項目設置，以便為下面操作時候進行自定義選項。

2、自定義選擇

3、選擇需要安裝的包

4、選擇3.X

5、按照提示一路下一步

6、當提示Done，表示已經安裝完成

7、啟動測試

8、測試頁面