1. 程式人生 > >Mac 下安裝node-sass將.scss檔案轉換到.css檔案

Mac 下安裝node-sass將.scss檔案轉換到.css檔案

1. 安裝node環境:  可以全域性安裝,具體步驟可自行百度,安裝後可使用node -v 檢查是否安裝成功

2. 新建一個空資料夾

3. 將當前工作目錄切換至該資料夾,即cd到該資料夾路徑下

4. 命令列執行

 npm init

會有一連串讓你輸入的,直接回車就行,因為最終會生成package.json檔案,生成之後我們直接改package.json檔案就可以了

5. 將package.json改成如下形式,方框內的是必要的部分,編輯完後記得儲存

6.  然後命令列執行如下命令

npm install --save-dev node-sass

7. 在當前工作目錄下新建一個.scss為字尾的檔案,如a.scss,檔案內容示例:

@function px2rem($px){
	$rem: 37.5px;
	@return ($px / $rem) + rem;
}

.hello{
	width: px2rem(100px);
	height: px2rem(100px);
	&.b{
		width: px2rem(50px);
		height: px2rem(50px);
	}

}

8. 命令列執行如下命令

npm run sass a.scss b.css

9. 執行完上面的命令會生成一個b.css檔案,當然如果b.css原本就存在的話,只會改變其內容。b.css內容如下所示

相關推薦

Mac 安裝node-sass.scss檔案轉換到.css檔案

1. 安裝node環境:  可以全域性安裝,具體步驟可自行百度,安裝後可使用node -v 檢查是否安裝成功 2. 新建一個空資料夾 3. 將當前工作目錄切換至該資料夾,即cd到該資料夾路徑下 4. 命令列執行  npm init 會有一連串讓你輸入的,直接回車

mac安裝node之後,npm無效指令

1、裝完node之後,打算裝npm。在npm官網上還註冊了一個號,但是好像官網的npm需要鈔票???!!!這是幾個意思? 2、後來各種百度,說node裝好之後npm會自動裝好,但是!!!問題就是我的電腦沒有這個npm。 3、後來,找到curl https://npmjs.o

vue 專案 使用sass,node-sass 安裝方法及cnpm如何安裝node sass

內容為轉載,方便用時查閱,原文地址: https://www.cnblogs.com/crazycode2/p/6535105.html 1,使用save會在package.json中自動新增。 1

Linux安裝pyinstaller用於py檔案打包生成一個可執行檔案

(2)cd pyinstaller-2.1 執行 python setup.py install 4. 拷貝py檔案 將需打包的py檔案如test.py 拷貝到當前目錄 5. 生成可執行檔案 cd到pyinstaller目錄, 執行  python pyinstaller.py test.py可能遇到的問題1

npm安裝時出現錯誤解決辦法及mac升級node.js

npm error  cwd.process 關閉所有terminal終端,執行下面的命令: $ sudo npm cache clean -f $ sudo npm install -g n n是用來管理node.js版本的。 mac 升級 node.js 的簡易方法。

Mac安裝MySQL(含配置)

.tar.gz 界面 take 8.4 通過 -1 pass 查看 pack 首先需要下載 MySQL Community Server 下載地址:https://dev.mysql.com/downloads/mysql/ 進入MySQL的下載界面(https:

Mac安裝第三方模塊報錯:‘sqlfront.h‘ file not found的解決辦法

for found ins 解決辦法 第三方模塊 mssql erro ref div 1.軟件環境:     mac環境:10.11.6(15G31)     python: 3.6 2.問題:     sudo pip install pymssql 後出現下面問題:

Mac安裝eclipse

cli clear 安裝eclipse tom com 指定 gin 註意 解壓 1、到官網https://www.eclipse.org/downloads/eclipse-packages/下載安裝包 查看原圖 查看原圖 2、安

Mac安裝MySQL

文件 ror quit 裝包 重新啟動 pan set eset 官網 安裝mysql有兩種方式:1為官方下載dmg安裝包。2為使用brew進行安裝。 安裝步驟: 一、官方下載dmg安裝包進行安裝 1、登陸官網下載 https://downloads.mysql.

Mac安裝tomcat

輸入 itl rtu pos 增加 點擊取消按鈕 修改 設置 修改端口 1、到官網下載tomcat8 http://tomcat.apache.org/download-80.cgi 說明:tomcat最好不要下載最新的,選擇一個適中的最好。 查看原圖

mac安裝配置go開發環境

string hello pkg obi cin keyword art ces mac 1、官網下載安裝包(需FQ)   https://storage.googleapis.com/golang/go1.7.darwin-amd64.pkg 2、配置Go環境變量GOPA

Mac 安裝wxpython踩過的坑

blog res alt 指定版本 打開 png ces 點擊 source 一.下載   1.wxpython 下載地址:https://sourceforge.net/projects/wxpython/files/wxPython/2.8.12.1/         

mac安裝配置nginx,php環境

服務 端口 通過 etc 安裝 set cnblogs fast ocr 1、安裝nginx 在mac系統下我們使用brew來安裝nginx,使用brew來安裝,它會自動安裝相應的依賴庫。 brew install nginx 在安裝完畢後,終端會輸出配置信息: Doc

Mac安裝 MongoDB

wait 服務器 交互式 var 新的 bpa export user ins   Mac 下安裝 MongoDB 一般有兩種方法,一種是通過源碼安裝,一種是直接使用 homebrew ,個人推薦使用 homebrew ,簡單粗暴。 1.安裝 homebrew : /us

MAC安裝MAMP的Mongodb

openssl mongod make .so openss 5.6 安裝mongodb configure 啟動 首先安裝Mongodb服務端: 1、brew install mongodb 2、修改 vim /usr/local/etc/mongod.conf文件,db

mac 安裝jdk (轉)

spa idl sig classes frame jstack ascii javah cmd 出自 http://blog.csdn.net/collonn/article/details/28483109: Mac OS 10.9會安裝jdk1.6。蘋果提供的Ja

mac安裝Elasticsearch

mar last ont style -h 插件 elastic col color 1.安裝Elasticsearch brew install elasticsearch 2.安裝Elasticsearch-Head 插件 進入到elasticsearch目錄 執

mac 安裝pip

homebrew targe orm searching number ati str 管理 erro pip是常用的Python包管理工具,類似於Java的maven。用python的同學,都離不開pip。 在新mac中想用home-brew安裝pip時,遇到了一些小問題

linux安裝node

2.x tar.gz ln -s wget bsp ror -s x64 get 1.wget https://npm.taobao.org/mirrors/node/v6.10.3/node-v6.10.3-linux-x64.tar.gz 2.xz -d node-v6

安裝node-sass

taobao targe try 自動 http -s package all dev 1.安裝cnpm(https://npm.taobao.org/)npm install -g cnpm --registry=https://registry.npm.taobao.