安裝 Vue CLI 安裝 npm install -g vue-cli 安裝 npm install -g @vue/cli- 2. 建立專案 vue init webpack staff 3. 設定vue router 4. 前端專案結構 參考 https://cli.vuejs.org/zh/guide/creating-a-project.html#%E6%8B%89%E5%8F%96-2-x-%E6%A8%A1%E6%9D%BF-%E6%97%A7%E7%89%88%E6%9C%AC

安裝 Vue CLI 安裝 Vue CLI npm install -g @vue/cli 使用 vue create [專案名稱] 或 vue create . 選擇手動建立專案 (Manually select features) 套件選用 Babel、Vuex、CSS Pre-processors Vue版本，選擇2 Vue-Router為了讓在網址上會多出#，輸入n 選擇Sass/SCSS 存檔在 package.json 不要儲存相關設定 安裝完成 參考 https://hsuchihting.github.io/vue-js/20200404/497821688/

Prettier - Code formatter Vue - Official { "prettier.useEditorConfig": false, "prettier.printWidth": 200, // 超過 XX 個字元就換行 "prettier.tabWidth": 4, // 程式碼縮排 4 個空格 "prettier.useTabs": false, // 不使用 tab，預設使用空格 "prettier.semi": true, // 語句結尾加上分號 "prettier.singleQuote": false, // 使用單引號，預設使用雙引號 "prettier.quoteProps": "as-needed", // 預設 'as-needed'，只有在屬性名稱包含特殊字元或空格時才會使用雙引號。否則，它將使用單引號。 "prettier.trailingComma": "es5", // 在物件或陣列最後一個元素後面加上逗號 "prettier.bracketSpacing": true, // 在物件的左右括號間加上空格 "prettier.arrowParens": "always", // 箭頭函式只有一個參數時，也需要括號 "prettier.endOfLine": "lf", // 換行符號，預設 lf "prettier.proseWrap": "preserve", // 是否要换行 "prettier.bracketSameLine": true, //結束標籤>不換行 "prettier.htmlWhitespaceSensitivity": "ignore", //ignore的話就是所有元素間的空格都會被忽略 "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.

(CustomSelect.vue)子組件要偵聽父組件(App.vue)來的props，使用watch監聽，來變更子組件的數據。(備註:computed也可以) 父組件 App.vue <template> <div id="app"> 父組件： <el-input-number v-model="parentSelectedValue" @change="handleChange" :min="1" :max="10" label="描述文字"></el-input-number> <custom-select :parentSelectedValue="parentSelectedValue" :title="title" @returnSelectedChange="getSelectedValue"></custom-select> 子組件，變更時選擇的數值：{{ selectedValue }} </div> </template> <script> import customSelect from "./components/CustomSelect.vue"; export default { name: "App", components: { customSelect, }, data() { return { selectedValue: null, title: "縣市", parentSelectedValue: null, }; }, methods: { getSelectedValue(val) { this.selectedValue = val; }, handleChange(value) { this.parentSelectedValue = value; }, }, }; </script> <style></style> 子組件 CustomSelect.vue <template> <div> <b>{{ title }}：</b> <el-select v-model="value" placeholder="請選擇縣市" @change="selectedChange"> <el-option v-for="item in options" :key="item.

安裝 Node.js 安裝 Vue CLI npm install -g @vue/cli 創建 Vue.js 專案 vue create my-project 啟動 Vue.js 專案 cd my-project npm run serve

原本要傳遞三層 App -> FirstLayer -> SecondLayer -> ThirdLayer 可使用Provide和Inject提供跨多層組件傳遞數據的方式 App -> ThirdLayer App.vue <template> <div id="app"> <div :class="theme"> <button @click="changeFontSize">"第一層"字型變大</button> <FirstLayer ref="first" /> </div> </div> </template> <script> import FirstLayer from "./components/FirstLayer"; export default { name: "App", data() { return { myName: "ming", theme: "theme" }; }, provide() { return { myName: this.myName, changeBgColor: this.changeBgColor }; }, components: { FirstLayer }, methods: { changeBgColor() { console.log("changeBgColor"); this.theme = "dark-theme"; }, changeFontSize() { this.

Git設定 查看設定 git config –list 設定帳號 git config –global user.name “hezhengmin” 設定信箱 git config –global user.email “zhengmin099@gmail.com” Git基本用法 建立Repository git init 複製他人專案 git clone https://github.com/hezhengmin/Minesweeper.git 檢查狀態 git status 查詢記錄 git log 新增單一檔案 git add <檔案名稱> 新增全部的檔案 git add . git add –all 全部修改提交 git commit -am “modified” 提交版本 git commit -m “填寫版本資訊” 推送到你的遠端 git push origin master 遠端主機分支master更新到本地主機 git pull origin master 刪除檔案 git rm “1. Two Sum.cpp” Git分支用法 建立新branch並切換過去 git checkout -b <branch名稱>

1. 新增script const resp = pm.response.json(); pm.environment.set("jwtToken", resp.jwtToken) 程式回傳jwt token 2. 新增JWT變數 3. Request API上加入Token (Authorization) 4. Request API上加入Token (Header) 參考 Postman 儲存 API 變數 JWT Token 驗證資訊

安裝 Hugo 官方提供 Hugo安裝路徑 設定環境變數 創建新站點 確認有無安裝hugo hugo version 建立 hugo new site quickstart 添加主題 cd quickstart git init git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke 添加一些內容 hugo new posts/my-first-post.md 例如 D:\Github\Hugo\quickstart> hugo new posts/202303191040.md 啟動 Hugo 服務器 hugo server -D 構建靜態頁面 hugo -D cd public file_server . git init git remote add origin https://github.com/hezhengmin/hezhengmin.github.io.git git add -A git commit -m "init site" git push origin master 開啟http://localhost:1313/ 測試網站 PS D:\Github\Hugo> cd quickstart PS D:\Github\Hugo\quickstart> hugo server -D 參考 https://gohugo.