關於webStrom-11.1配置less且自動生成.css和自動壓縮為.min.css/.min.js

来源:http://www.cnblogs.com/-walker/archive/2016/03/30/5338219.html
-Advertisement-
Play Games

網上看過很多配置思路,自己總結了以下, 就把我個人配置的順序以及材料分享下,webstrom以下簡稱WB 1、配置less需要安裝nodejs,自行安裝。因為要用到npm.我是直接把npm解壓到C盤根目錄的,先下載解壓好待用 npm解壓包百度雲下載地址:http://pan.baidu.com/s/ ...


網上看過很多配置思路,自己總結了以下,

就把我個人配置的順序以及材料分享下,webstrom以下簡稱WB

1、配置less需要安裝nodejs,自行安裝。因為要用到npm.我是直接把npm解壓到C盤根目錄的,先下載解壓好待用

  npm解壓包百度雲下載地址:http://pan.baidu.com/s/1bpdnmGZ

  (yuicompressor-2.4.2.jar 這個是WB配置讓CSS或者JS自動生成.mincss/.minjs的壓縮工具,不是配置LESS的工具哦,

    使用很簡單不用解壓,比我直接放在C盤根目錄

  百度盤下載地址:http://pan.baidu.com/s/1hsrqiB6   )

2、打開WB-設置(settings)-Tools-file watcher如下圖(我配置好了,所以中間有三個對號,沒配置是空白)

3、點擊右上角的  +  號你會看到如下圖

4、選擇點擊LESS,彈出如下圖,再點擊綠色小圈這就是上述1中npm的解壓路徑,如果你解壓再這裡,跟下麵一樣就可以了

5、點擊OK 如果如下圖就配置好了

6、下麵說下怎麼配置自動壓縮工具,這裡才會用到1中提到的yuicompressor-2.4.2.jar,自己下載保存好

  A同上打開WB  找到那個 +  號

  

  B選擇YUI Compressor CSS,自動壓縮CSS,JS類似就是它下麵那個

  C點擊後如下圖,點擊綠色小圈,我把yuicompressor-2.4.2.jar放在C盤根目錄的,所以我的路徑如下

  

  點擊KO如下就配置好了

  


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • https://raw.githubusercontent.com/Leo G/DevopsWiki/master/README.md 總結的太好了,直接把md文件貼過來好了!慢慢學習!分享給大家,覺得好就也去 "他github" 點個贊吧! DevopsWiki A wiki of Guides, ...
  • 回到目錄 web api越來越火,因為它的跨平臺,因為它的簡單,因為它支持xml,json等流行的數據協議,我們在開發基於面向服務的API時,有個問題一直在困擾著我們,那就是數據的安全,請求的安全,一般所說的安全也無非就是請求的防篡改和請求的防復用,例如,你向API發一個查詢用戶賬戶的請求,在這個過 ...
  • Atitit.嵌入式web 伺服器 java android最佳實踐 1. Android4.4.21 2. 自己的webserver1 3. CyberHTTP for Java cybergarage6 1. Android4.4.2 First使用jetty9,三說jdk編譯級別非常高的... ...
  • 需求: 上圖中,如果我們想用實體類來實現的話,明顯實現不了 原因很簡單,要顯示的數據包含的三張表(Student,Subject,Result)中的數據 我們無法單純的用某個實體類來解決,這時我們就可以擴展實體類來解決這個問題 我們可添加ResultBusiness類繼承Result實體類 這樣我們 ...
  • 原文地址:http://www.infoq.com/cn/articles/flash-deal-architecture-optimization 一、秒殺業務為什麼難做 IM系統,例如QQ或者微博,每個人都讀自己的數據(好友列表、群列表、個人信息)。 微博系統,每個人讀你關註的人的數據,一個人讀 ...
  • 單例模式(Singleton) 類圖 描述 單例模式: 保證一個類僅有一個實例,並提供一個訪問它的全局訪問點; 構造函數修飾符為private。 應用場景 懶漢模式:第一次調用的時候才產生一個新的實例,併在以後返回此實例。 非線程安全的單例模式 線程安全的單例模式,需加線程鎖 線程安全的單例模式,雙 ...
  • 1、在MyEclipse下建立Web Project,找到根目錄建立Database文件夾和Doc文件夾,Database用於保存資料庫信息,Doc用於保存資料庫表信息。 2、打開SQL Server 2008 ,新建資料庫CRUD,將路徑添加到Database文件夾下。 3、寫SQL語句添加資料庫 ...
  • 來到了開源中國的第二個星期,雖然只是實習,但是數了數,這也是我大學生涯裡面的第四個實習工作了。 專業學的是軟體工程,然而課程裡面卻沒有一門課程是直接跟前端相關的。因此在大學期間,只能靠實習來學習,獲得經驗,每當技術在該公司遇到瓶頸的時候,我就知道,我要準備去另一家公司實習了~~誰叫我現在才大三呢.. ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...