[Vue.js] 從0開始一個Vue.js + TypeScript + Webpack專案 | vue js typescript
從0開始一個Vue.js+TypeScript+Webpack專案最後一次寫前端的時間是AngularJs正火紅的時候,大約有四年之久...近期因為新專案的需要,想找一個前端框架來學習經過評估後,則是選擇用vue.js以及搭配TypeScript做開發筆記一下整個歷程,也許不是正確的、也許漏了一些細節但是他是work的🤣開發環境vue.js2.6.11typescript3.8.3Asp.NetCore3.1(MVC)在開始之前,記得先準備好前端的套件管理工具npm,前端的許多步驟都會透過他來處理https://www.npmjs.com/[1]1.建立一個新專案,初始化npm來建立package.json npminit2.install幾個p...
從0開始一個Vue.js + TypeScript + Webpack專案
最後一次寫前端的時間是AngularJs正火紅的時候,大約有四年之久...
近期因為新專案的需要,想找一個前端框架來學習
經過評估後,則是選擇用vue.js以及搭配TypeScript做開發
筆記一下整個歷程,也許不是正確的、也許漏了一些細節
但是他是work的🤣
開發環境
vue.js 2.6.11
typescript 3.8.3
Asp.Net Core 3.1(MVC)
在開始之前,記得先準備好前端的套件管理工具 npm,前端的許多步驟都會透過他來處理
https://www.npmjs.com/[1]
1.建立一個新專案,初始化npm來建立package.json
npm init2.install幾個package,分別是vue、webpack、webpack-cli
i = install -d = --save-dev npm i -d vue webpack webpack-cli3.為webpack建立config,webpack.config.js(若沒有建立,會跑預設的設定,但現在我想要額外指定他的打包路徑)
//webpack.config.js const path = require("path"); module.exports = { entry: ./WebClient/index.js, output:{ filename:"bundle.js", path:path.resolve(__dirname,"wwwroot") }, ...