webstorm編譯慢

① 為什麼用webstorm創建項目之後每次刷新錯誤

作為一個前端開發，我用過webstorm和sublime兩個編輯器。sublime小巧輕便，不耗內存。但是webstorm具有以下特點，讓我難以舍棄。

webstorm優點

• 點擊一個函數名，它會跳到函數定義的地方（這個功能特別好）

• 可以直接在webstorm中右鍵運行nodejs項目

• 具有調試功能

• 准確的錯誤提示

webstorm缺點

• 啟動時非常耗cup和內存，一般剛開始可能400多兆，使用一段時間後會達到800多兆，所以系統最好要配置8G以上內存條，不然會非常卡頓

1 webstorm載入項目卡死在scanning files to index

1.1 原因解析

webstorm在載入項目的時候，會掃描所有的文件，並建立索引。這個索引提供代碼補全，點擊函數名跳到函數定義的地方的功能。但是，當你在做nodejs項目的時候，
往往需要依賴一些其他的模塊，在你的項目下應該有一個node_moles的文件夾，這下面可能會有非常多的文件。強招必自損，webstorm在掃描它的時候，可能會很慢，可能會卡死，也能直接告訴你，cup已經爆滿了，需要關閉webstorm。

1.2 解決方法

選中一個文件夾，例如node_moles，點擊右鍵-》mark directory as -》excluded，這樣就可以把這個文件標記並排除出來，使webstorm不會掃描這個文件下面的文件，然後就可以很爽快的進入工作狀態了。

② webstorm 編譯 scss 文件報錯

打開webstorm創建空項目，點擊「File」菜單選擇「Setting」，搜索「watcher」關鍵字，

點擊右邊綠色加號，選擇「SCSS」文件類型。

輸入監視文件類型名稱(隨便寫)，關鍵第二個選項，一定要選擇ruby安裝目錄bin文件下的scss.bat文件

最後，創建.scss文件輸入scss css代碼，保存後會生成後綴.css文件，就可以了。

③ webstorm怎麼設置自動編譯

Arguments:
可以配置編譯後的文件的輸出路徑,我這里寫的是:
--no-cache --update --sourcemap --watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css
注意, $FileName$後面有個冒號,然後$FileParentDir$表示的是scss文件所在的文件夾的父級文件夾,而不是scss文件的父文件夾.
舉個栗子,我的項目叫sass-learn,裡面有個scss文件夾,裡面存放scss文件,那麼按照這樣配置的結果,style.scss所在的文件夾就是scss,scss的父文件夾就是sass-learn,然後找到sass-learn下的css文件夾,編譯後的style.css文件就會在這里.
------------------------------

④ 使用webstorm寫代碼，為啥我的沒有代碼自動補全，是軟體的問題還是設置的問題，並且它不會區分標

Webstorm是一個很牛叉的IDE，現在工作每天都是用它了。
最近開始用SASS，LESS等來寫CSS，而在Webstorm中，它自帶一個File Watchers功能，設置一下，即可實時編譯SASS，LESS等。
LESS的實時編譯很簡單，在node平台安裝一下即可。
而在折騰SASS在Webstorm上的實時編譯時，花了我一點時間。因為按照網上的教程設置都不成功，最後自己把設置改來改去終於折騰好了。
下面就是在WebStorm設置SASS的File Watchers的步驟：

⑤ webstorm怎麼編譯scss的壓縮輸出方式 compressed

方法/步驟
1
1、下載ruby最新版2.1.5，安全起見可以安裝ruby 1.9.3-p551
ruby安裝文件自己網路一下，容易找到。
2
2、安裝過程中，一定注意勾選第二項！否則cmd命令會找不到。

3
3、安裝完後，檢查是否安裝成功
Win+r快捷鍵啟動cmd命令窗口，輸入ruby -v，注意中間空格，顯示版本號說明成功。

4
4、藉助ruby安裝sass，dos命令窗口輸入「gem install sass」
該命令一定要在system32文件下cmd.exe執行，默認安裝目錄在C:\Windows\System32\cmd.exe文件

5
5、安裝過程中，耐心等待，直到提示安裝進度100%。
同樣通過「sass -v」命令(中間有空格)檢查安裝結果，顯示當前版本號。

6
6、接著需要配置webstorm下sass編譯環境。
打開webstorm創建空項目，點擊「File」菜單選擇「Setting」，搜索「watcher」關鍵字，

7
7、點擊右邊綠色加號，選擇「SCSS」文件類型。

8
8、輸入監視文件類型名稱(隨便寫)，關鍵第二個選項，一定要選擇ruby安裝目錄bin文件下的scss.bat文件

9
9、最後，創建.scss文件輸入scss css代碼，保存後會生成後綴.css文件，說明環境編譯沒問題。

⑥ vue: WebStorm設置快速編譯運行的方法

WebSorm是一款優秀的前端開發工具，而Vue項目可以使用Node進行編譯運行，平常我們可以通過命令行部署項目進行調試。
本文介紹設置Webstorm進行快速部署Vue項目。
第一步
點擊啟動快捷按鈕旁邊的向下小箭頭，在列表中選擇Edit選項：
第二步
打開啟動設置頁面後，點擊左上角的加號添加新的運行方式：
第三步
在彈出的選擇框中，選擇node.js啟動模式：
第四步
在新打開的設置頁面中，在紅色圈中的地方設置如圖路徑的文件：
至此設置成功，直接點啟動按鈕就可以部署項目。
以上這篇vue:
WebStorm設置快速編譯運行的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:webstorm添加*.vue文件支持webstorm添加vue.js支持的方法教程webstorm中vue語法的支持詳解webstorm和.vue中es6語法報錯的解決方法詳解Webstorm
新建.vue文件支持高亮vue語法和es6語法

⑦ webstorm為什麼不能自動編譯sass

Webstorm是一個很牛叉的IDE，現在工作每天都是用它了。 最近開始用SASS，LESS等來寫CSS，而在Webstorm中，它自帶一個File Watchers功能，設置一下，即可實時編譯SASS，LESS等。 LESS的實時編譯很簡單，在node平台安裝一下即可。

⑧ Webstorm 怎麼調試 nodejs 會這么慢

Node Inspector 是一個可在webkit內核瀏覽器下進行nodejs調試的工具，其界面基本上跟chrome的調試工具一樣，使用非常方便。
首先在全局環境中安裝node inspector

[javascript] view plain
npm install -g node-inspector

安裝完成之後，以調試模式運行需要調試的node代碼，比如

[javascript] view plain
node --debug-brk app.js

這種方式會在代碼運行的時候，強制在第一行添加斷點
這時，會出現「debugger listening on port 5858」的提示
默認的埠是5858，也可以像這樣修改:
node --debug-brk[=3000] app.js

然後，啟動node-inspector，
[javascript] view plain
node-inspector &
（因為之前的nodejs代碼在運行，所以命令行窗口沒辦法輸入新的命令，所以啟動node-inspector需要新打開一個命令行窗口來輸入）

根據提示中的地址，打開http://127.0.0.1:8080/debug?port=5858
就可以看到，一個模擬Chrome調試窗口的頁面，載入了node中的所有代碼，具體的調試方式，就和Chrome一樣了。

還有一種方式是在代碼中需要添加斷點的地方，加入
[javascript] view plain
debugger；
以下面這種方式運行
[javascript] view plain
node --debug app.js

這樣代碼會運行到需要debugger的地方暫停。

⑨ webstorm sass編譯報錯。

1，加一句編碼，@charset "UTF-8"

8，如果scss文件中帶中文會報錯，解決方法如上圖中第一行添加 @charset "UTF-8"

⑩ webstorm怎麼編譯sass

Webstorm是一個很牛叉的IDE，現在工作每天都是用它了。
最近開始用SASS，LESS等來寫CSS，而在Webstorm中，它自帶一個File
Watchers功能，設置一下，即可實時編譯SASS，LESS等。
LESS的實時編譯很簡單，在node平台安裝一下即可。