Asp.net+Vue2構建簡單記賬WebApp之一（設計）
Asp.net+Vue2構建簡單記賬WebApp之二（使用ABP迅速搭建.Net后臺）
Asp.net+Vue2構建簡單記賬WebApp之三（使用Vue-cli構建vue.js應用）
Asp.net+Vue2構建簡單記賬WebApp之四（vue.js構建記賬主頁面）
Asp.net+Vue2構建簡單記賬WebApp之五（vue.js構建記賬頁面）
Asp.net+Vue2構建簡單記賬WebApp之六（vue.js構建記賬統(tǒng)計頁面）
源碼下載
一、前提
1、安裝好node.js
2、安裝好npm
3、安裝好vue-cli
這里寫圖片描述
如何安裝這里就跳過，網上一大推。
當然裝上npm的淘寶鏡像更好
二、構建項目
1、進入項目文件夾
這里寫圖片描述
2、生成項目
執(zhí)行 vue init webpack MyBill
這里寫圖片描述
3、查看
利用vue-cli 構建的文件夾如下
這里寫圖片描述
4、初始化項目
cd mybill
npm install
這里寫圖片描述
5、 用node運行試試
npm run dev 執(zhí)行后會自動打開瀏覽器
退出的話，可以直接Ctrl+C，按兩次c。
這里寫圖片描述
三、結構介紹
1、使用自己喜歡的工具打開這個項目文件夾
我喜歡使用webstorm
這里寫圖片描述
四、發(fā)布（asp.net 就只用發(fā)布的東西）
1、 發(fā)布
npm run build
這里寫圖片描述
這里寫圖片描述
2、在我們.net項目中引入發(fā)布的內容
對于調試，我們引入也可以，因為構建的時候已經在我們的項目下面了。只要知道位置就可以的。
這里寫圖片描述
3、 在asp.net 項目中訪問這個頁面
啟動調試，瀏覽器輸入相對頁面地址可以看見一片空白，我們哪里錯了？
這里寫圖片描述
4、 修改node發(fā)布配置后從新發(fā)布項目
這里寫圖片描述
這里寫圖片描述
