偽裝成人類的前端工程驢

目前顯示的是有「環境工具」標籤的文章顯示全部

inheroku

[day29][部屬] heroku託管伺服器與github的結合，超簡單的自動化部屬

驢子 11月 18, 2020

heroku，免費託管伺服器終於走到了這一步，最後的最後就是將伺服器託管道雲端了！在這過程你用過了雲端資料庫、webpack、typescript和vue等等東西，最後就是將你的成果部屬到伺服器！並利用heroku已經整合好的自動化佈署讓你每次推完就立刻更新伺服器，開始註冊吧！ https://www.heroku.com/ 使用與註冊可以參考這個網站搭配 Git 在 Heroku 上部署網站的手把手教學輸入基本資料然後會寄出ㄧ封信，前往開啟連結後輸入密碼同意...你也沒辦法拒絕不是嗎？進入登入完成的畫面！接著利用github自動佈署搜尋你建立的專案這樣就算完成了！接著啟用自動佈署然後讓我們最後開啟VScode進行ㄧ些heroku用的設定！heroku的設定主要是在package上，當你…

閱讀完整內容

insourcetree

[day28][版控] github，自動部屬heroku的最簡單選擇

驢子 11月 18, 2020

版本控制一路走來學習了各種東西與一次重構，終於快要到將網站部屬的階段了！現在阻擋你佈署的最後關卡就是建立一個git讓heroku可以佈署伺服器了，讓我們開始吧！ GitHub Desktop VS sourcetree 簡單的使用圖形化介面！當然通常來說使用指令感覺比較潮，但我都用圖形化介面。偶爾圖形化介面沒有提供對應功能時才會輸入指令，像是undo之類的。這邊你要用哪一個都可以，我是兩個都有用。但是更偏好用sourcetree這樣，所以就用souretree接著講解其實要佈署到heroku並不一定需要用github，擁有git用指令commit就可以了。但heroku有支援github自動部屬ㄟ！！這邊我們跳過全部的過程直接飛到你已經註冊好帳號那一步！ github 官網登入後建立一個專案 git端…

閱讀完整內容

inwebpack

[day25][前端][實作] SCSS，一個CSS預處理器

驢子 11月 18, 2020

SCSS簡單教學這邊主要講解SCSS最基本的使用方法，就能讓你應付大部分的狀況！這邊有想要更進一步學習可以看關於我的佛系SCSS開發條列了更多scss可以做到的事情，但是下面的方法組合運用就能應付絕大部分的情況讓我們開始寫scss吧，前往"app.vue"更改一下 src\client\app.vue < template > < div class = "container" > < h1 class = "container_title" > hello {{state.message}} </ h1 > < router-view…

閱讀完整內容

inwebpack

[day22][前端][實作] 用webpack自架Vue3環境（上）

驢子 11月 18, 2020

引入Vue3 前端框架檔案的引入，這邊會分成三篇講解。上篇是Vue3的引入，中篇是routes和Vuex的引入，下篇則是Vue3的運用。自架webpack編譯Vue3 Vue3已經正式發布了。大部分的情況下也不需要自架webpack來編譯Vue的檔案，畢竟Vue Cli不香嗎？但是想到想想Vue他可能包了很多不知道的套件，而且自己架比較好玩不是嗎=w= 從安裝對應套件開始吧～！這邊為了避免版本錯誤請將直接複製以下"package.json"後使用，當然你也可以一個一個安裝！所以也可以一個一個安裝，但請理解因為他正在轉型所以安裝的指令和出來的版本可能會有各式各樣的不相容（但解這個的過程可以讓你更好的理解webpack設定對於版本相容有多麻煩，和package.json對一個專案為什麼那麼重…

閱讀完整內容