[筆記] 建立Vuejs專案並且使用TypeScript

最近會使用S.T.A.R原則來寫文章, 看能不能讓文章比較有邏輯 😂

情境

        建立一個VueJS的專案並且使用TypeScript的特色強型別來讓寫JS的時候少打錯字跟因為型別的錯誤而導致的bug

任務

        使用vue-cli來快速的建立使用TypeScript的Vuejs專案

行動

TypeScript

安裝

$> npm install -g typescript

編譯

$> tsc helloworld.ts

VueJS

 安裝Cli

$> npm install -g @vue/cli@3.1.3

建立Vuejs專案

$> vue create hello_typescript

以下步驟可以參考 使用Typescript只要在第二部選擇使用Typescript就好

執行專案

$> cd project_name


$> yarn serve

結果

        使用vue-cli很方便就可以建立使用TypeScript的Vuejs的專案了，但最好還是了解一下工具所產生出來的環境是怎樣的，避免專案之後彈性不夠好。