☕ 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影片,追蹤數超過62萬的網紅Bryan Wee,也在其Youtube影片中提到,...
「npm install --save」的推薦目錄:
- 關於npm install --save 在 BorntoDev Facebook
- 關於npm install --save 在 卡斯伯 Facebook
- 關於npm install --save 在 Bryan Wee Youtube
- 關於npm install --save 在 Travel Thirsty Youtube
- 關於npm install --save 在 スキマスイッチ - 「全力少年」Music Video : SUKIMASWITCH / ZENRYOKU SHOUNEN Music Video Youtube
- 關於npm install --save 在 What is npm? - JavaScript Tutorial 的評價
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 在 スキマスイッチ - 「全力少年」Music Video : SUKIMASWITCH / ZENRYOKU SHOUNEN Music Video Youtube 的評價
![post-title](https://i.ytimg.com/vi/IvDTkTKi5pA/hqdefault.jpg)
npm install --save 在 What is npm? - JavaScript Tutorial 的八卦
Npm is the package manager for the Node JavaScript platform. · Use npm install <package_name> to install a new package. · Use npm install <package_name> --save- ... ... <看更多>