☕ CoffeeScript เป็นภาษาขนาดเล็กที่ Compile เป็น JavaScript สร้างขึ้นเมื่อปี 2009 เพื่อลบจุดด้อยของ JavaScript มี Syntax ที่ง่ายต่อการเรียนรู้มากกว่า JavaScript ช่วยให้เราเขียน JavaScript สั้นลง ดูแลได้ง่ายนั่นเอง !!
.
👨💻 การใช้งานเบื้องต้น
ก่อนอื่นจำเป็นต้องมี Node.js และ NPM ก่อนนะ และเริ่มต้นเขียนคำสั่งตามด้านล่างเลยจ้า
.
คำสั่ง
# Install locally for a project:
npm install --save-dev coffeescript
.
# Install globally to execute .coffee files anywhere:
npm install --global coffeescript
.
จากนั้นทำการเปิดใช้งาน CoffeeScript Library
coffee -c filename.coffee
.
ทดลองพิมพ์คำสั่ง
.
console.log "Hello world"
.
จะเห็นได้ว่า CoffeeScript มันไม่ต้องใส่วงเล็บ ก็สามารถรันโค้ดได้
.
🔎 มาดูข้อดีของ CoffeeScript กันดีกว่า
.
⭐ เข้าใจง่าย - เพราะ Syntax ของเจ้า CoffeeScript จะเน้นเขียนง่าย ทำให้จัดเรียงโค้ดได้สะอาดตา และทำให้เราเข้าใจได้ง่าย
.
⭐ ไม่ต้องใช้ var - ไม่ต้องประกาศ var ก่อนตัวแปร มันจะช่วยหลีกเลี่ยงปัญหาขอบเขตของตัวแปรได้
.
⭐ หมดปัญหาเรื่องลืม Symbol - เพราะ CoffeeScript ไม่ต้องใส่ Symbol เช่น () หรือ ; ต่อท้ายเลย ซึ่งเราจะใช้การเว้นวรรคแบ่งการทำงานของแต่ละฟังก์ชันแทน คล้ายๆ กับใน Python นั่นแหละ
.
⭐ Less Code - บรรทัดของโค้ดจะลดน้อยลง ซึ่งมันจะช่วยลดความซับซ้อนของโปรแกรมนั่นเอง
.
⭐ ดูแลง่าย - การที่มันเขียนง่าย เข้าใจง่าย มันจึงทำให้เราสามารถแก้ไขโค้ดได้ง่ายนั่นเอง
.
🌈 ทำไมถึงได้รับความนิยมน้อยลง ??
.
ด้วยการเกิดของ ES6 ในปี 2015 ซึ่งทำให้ลบจุดด้อยของ JavaScript ไปได้เยอะ และยังเพิ่มประสิทธิภาพของ JavaScript ไปได้อีกด้วย แถมยังมี Community ที่ใหญ่มากขึ้นด้วย อีกทั้ง TypeScript ก็ถูกพัฒนาเป็นภาษามาตรฐาน และมีประสิทธิภาพด้วยเช่นกัน ทำให้เจ้าใหญ่ๆ เช่น Angular ใช้ TypeScript ในการพัฒนาเป็นหลัก จนทำให้ทุกวันนี้ CoffeeScript ลดความนิยมไปอย่างมากนั่นเอง
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「npm install --save」的推薦目錄:
- 關於npm install --save 在 BorntoDev Facebook 的最佳解答
- 關於npm install --save 在 卡斯伯 Facebook 的最讚貼文
- 關於npm install --save 在 コバにゃんチャンネル Youtube 的最佳貼文
- 關於npm install --save 在 大象中醫 Youtube 的最讚貼文
- 關於npm install --save 在 大象中醫 Youtube 的最佳貼文
- 關於npm install --save 在 What is the --save option for npm install? - Stack Overflow 的評價
- 關於npm install --save 在 npm / Yarn 套件管理器指令比對cheatsheet 的評價
- 關於npm install --save 在 npm install --no-save flag · Issue #14285 - GitHub 的評價
- 關於npm install --save 在 npm 7 is now generally available! | The GitHub Blog 的評價
- 關於npm install --save 在 What is npm? - JavaScript Tutorial 的評價
- 關於npm install --save 在 Is there an option to install an npm package without ... 的評價
- 關於npm install --save 在 Install NPM Packages from GitHub | Pluralsight 的評價
npm install --save 在 卡斯伯 Facebook 的最讚貼文
Parcel 花了一些時間測試
確實很容易上手,我也打算花一些時間來介紹他
不過目前此工具還有許多改進地方
如 css 的部份的框架引用還不是很正常 😞
(目前官方排在第一優先修正)
特色:
類似 Webpack 的使用方式
在一開始幾乎不需要配置
就可以將 javascript, css 進行模組化分離
使用簡單的指令就有 webserver, 編譯, 監控等等
對於專注在開發的前端工程師是不錯的工具
配置:
每個功能的配置則留給了每個工具上
如「node-sass」可用 `sassrc` 配置
不過大多時候直接 npm install xxxx --save
就可以運行許多功能
缺點:
目前尚未完整,測試中剛好就遇到還未解決的問題
(sass import bootstrap)
我看待他的方式還是偏向保守
很適合快速製作 Demo
如果用在實戰上目前尚不適合
但依然可花些時間研究
#Parcel
npm install --save 在 コバにゃんチャンネル Youtube 的最佳貼文
npm install --save 在 大象中醫 Youtube 的最讚貼文
npm install --save 在 大象中醫 Youtube 的最佳貼文
npm install --save 在 npm / Yarn 套件管理器指令比對cheatsheet 的推薦與評價
安裝 相依套件,並將套件新增至不同類型的 dependencies :. 1 2, $ npm i <package> $ npm install <package> ... npm install <package> --save ... <看更多>
npm install --save 在 npm install --no-save flag · Issue #14285 - GitHub 的推薦與評價
Since users are able to use this config npm config set save true to have all the... ... npm install --no-save flag #14285. ... <看更多>
npm install --save 在 What is the --save option for npm install? - Stack Overflow 的推薦與評價
... <看更多>
相關內容