各位 端午節快樂!
趁著放假寫了篇有趣的心得,最近用 JS 刷 LeetCode ,同時想加上測試與筆記,
可是要一個個手動加上去很麻煩啊!所以這篇文章就誕生了!
Medium:https://medium.com/yusong-blog/9a74ca06a7d5
事情是這樣子的
最近試著用 JavaScript 寫 LeetCode ,每解開一個問題預計會產出
題目的解答、解答的測試案例、解答的筆記並且將這些檔案的連結寫入專案的描述裡,
一共 1 個資料夾加上 5 個檔案,如連結所示:
https://yusong.page.link/leetcode-in-js-structure
1. src/easy/0001-two-sum/index.js 題目的解答
2. src/easy/0001-two-sum/README.md 解答的筆記
3. src/easy/index.js 給測試案例使用的解答共同的出口
4. __tests__/easy/0001-two-sum.test.js 解答的測試案例,確保解答符合需求
5. README.md 專案的描述,當有新解答時描述最底下的表格應跟著新增一筆
連結上是每次要開始新的一題需要先準備好的檔案內容,真的非常枯燥又繁瑣,
有時候還會漏了某個檔案,尤其是加入新的專案描述…
這時候就會像面對考試時會突然覺得桌面的髒亂到不馬上整理不行,
我也突然產生了一股不想辦法解決這些重複性高的工作不行的使命感…
教練我只想寫 Code
在想要怎麼達成這個使命時,想到 Angular CLI 協助開發的體驗挺好的!
只要在指令列輸入 ng g c new-cmp 就會幫你把新的檔案建立好,
並且連 import module 等等的語法都寫好了!
稍微看一下 Angular CLI 的程式碼後發現,其實是透過 NodeJS 產生檔案,
再來只需要像印出九九乘法表把內容組一組輸出成檔案就好了!
透過 JavaScript 產生程式碼片段
只要知道底下 2 件事即可產生任何客製化的程式碼片段:
1. 要在瀏覽器外執行 JavaScript 可以透過 node index.js 在 NodeJS 上執行
2. 使用 NodeJS 的 File System API 產生檔案
首先試著產生一個 hello world 的文字檔
https://yusong.page.link/generate-hello-world-in-js
再來把前面提過九九乘法表在 markdown 上實作一次吧!
markdown 的表格欄位如果變多了寫起來很容易少寫或多寫,
所以能透過程式自動產生是最理想的
https://yusong.page.link/generate-nine-nine-table-in-js
最後加入一些套件,玩點有趣的花式操作 ,執行後詢問使用者問題並將
回覆結果做成 JavaScript Object 的格式寫入檔案 ans.js
1. npm init 初始化 package.json
2. npm i