這次要教大家如何使用 VScode
debug .Net Core
的專案喔~
.Net Core
可以不用開啟慢吞吞的 IDE
,即可快速建立專案。本篇全程使用 VScode
,手把手教你如何用 .NET Core 2.0 MVC
+ vue-cli
起始一個 SPA
專案。當然, HMR
(Hot Module Replacement) 神器也會一併附上啦。
此篇介紹如何加入並使用 pug-loader
,並使用 PUG
語法測試撰寫 html
。
此篇介紹如何加入並使用 babel-loader
,並使用 ES6
語法測試撰寫 js
。
此篇介紹如何加入並使用 webpack-dev-server
,並展示 Hot Reload
功能。
此篇介紹如何將 CSS
、 SASS
引入 Webpack
專案中,並使用 postcss
的 autoprefixer
自動將 CSS
加入相對的瀏覽器前綴。
此篇介紹使用 HTML Webpack Plugin
,他可以自動生成 html
並將 app.bundle.js
自動加在 html
結尾處。
什麼是 Webpack ?
Webpack
是針對所有前端程式的管理整合工具。工程師編寫程式模組(html
, css
, js
, sass
, pug
, babel
, … etc.),使用 webpack
打包輸出靜態資產(assets),配合Babel
, ES6
使用,可以寫出乾淨可復用的代碼,做到更好的前端程式管理。這一篇先示範基礎安裝和設定基本描述檔。