Vscode eslint 與 prettier 衝突 解決 Eslint 與 Prettier 之間的衝突 使用 Vscode 同時設定了 Prettier、Eslint 存檔時自動格式化，導致會出現衝突，如下圖可以看見點擊 cmd+s 存檔後，格式化成功了又會馬上變回別種不合格的格式，這個問題困擾了我很久，在此紀錄 衝突原因衝突的原因不外乎是專使用 Prettier, Eslint，而且也同時開啟自動格式化、自動 fix 程式碼的功能，就是下面這兩 2021-11-12
Nodejs 使用 JWT 送 Cookie Express 框架利用 Cookie 來送出 JWT，進行安全驗證。我們會利用 express 提供的 res.cookie 來進行實作 設定環境變數打開 config.env 檔，這個檔案主要存放所有的環境變數，設定JWT_COOKIE_EXPIRES_IN，我們預設 Cookie 90天後過期 123JWT_SECRET=sVNJpMqNcYwJ.lahq2343x4$234123^Ll!& 2021-11-08 nodejs
解決 Cannot read property range of null 錯誤 解決 Cannot read property ‘range’ of null 錯誤原因：.eslintrc.js 設置的 parser: ‘babel-eslint’12345parserOptions: { parser: 'babel-eslint', ecmaVersion: 2017, sourceType: 'module' 2021-10-21 vue
[Postman] 設定 JWT Token 環境變數 Postman Test 設定Login API 選擇 TEST 設定 1pm.environment.set('accessToken', pm.response.json().token) 根據你的 API 吐回的 Token 設定到 Postman 環境變數裡設定好之後，每次打登入，API吐回的 token 會寫進 Postman 環境變數 accessToken 裡。 2021-10-20 postman
[Git] 寫一個好的 Commit Message 區分標題(Subject)與內容(body)，用一個斷行符合隔開 Subject 標題 首字大寫 標題不要超過 50 字，若超過50字，表示你這次 commit 太多東西，最好分拆開來 標題結尾不需要用句號來結尾 Body 內容 每一行的內容控制在 72 字內 用內容來詳細解釋這個 commit 做了什麼 2021-10-18 git
[Nodejs] Express 使用者註冊利用 JWT(jsonwebtoke)驗證 Nodejs 用 Express 框架，使用者註冊 API，利用 JWT 產生令牌驗證使用者 安裝 jsonwebtoken12npm i jsonwebtokennpm run start 使用 JWT在 authController.js 在 signup 時引用 jwt 1const jwt = require('jsonwebtoken') 設定 JWT 環境變數我們在 2021-10-18 nodejs
[Nodejs] bycrptjs 加密密碼 打註冊（signup）API，使用者輸入的密碼，利用 Library bycrptjs 來加密密碼成功畫面如下 安裝會利用到 Mongoose、bycrptjs、validator，安裝後需重啟 Server12npm i brycrptjsnpm run start 建立 UserModel建立 models/userModel.js，並定義 Schema，需要定義的欄位有 name, emai 2021-10-18 nodejs
[Vue] 錯誤 @import directive requires a url or quoted 錯誤 @import directive requires a url or quoted path發生情況在 config.js 引入 scss 檔案 (color.scss) 作為全域使用時，出現 @import directive requires a url or quoted path 錯誤 發生原因 scss 檔案 (color.scss) 裡引入了外部網址[email protected] url( 2021-10-15 vue
[Nodejs] 重構 Controller try catch 重構在 tourController 裡有許多重複的 code，寫法並不清晰目標：寫下將以下的 code 重構，變得易懂 tourController.js123456789101112131415161718exports.createTour = async (req, res) => { try { const newTour = await Tour.cr 2021-10-14 nodejs
[Nodejs] ES6 class 重構擴展 Error 類 AppError 當 Error 發生時，通常會拋出一個 Error 物件，也可以看成是一個 Error 原型筆記利用 ES6 語法 Class，建立一個 AppError 類，並繼承 Error，重構 app.js Class對於 Class 並沒有很熟悉，這裡寫下 Class 基本概念，建議可以到阮一峰的 ES6 介紹文章，寫得很清楚完整 Class 定義：ES6 語法，實際上就是一個 functionES6 2021-10-14 Nodejs