上一期已經介紹了如何創立第一個vue項目,如有不懂,請看鏈接(里面也有下載visual studio)vue建立項目
現在我們來講講在visual studio 新建立項目
1、安裝完成后,啟動VS
點擊創建新的項目,找到紅色框的項目點擊創建就好了(我不知道這兩個有什么區別,就不細講了,知道的小伙伴可以留言告訴我一下)
接着就是更改項目路徑,創建完了以后,項目中包含
如下文件,我大概打開看了一下,因為vue都是模塊化開發,所以新創建文件都在components中
a、index.html就是前端文件,里面應該就是我們以前寫html的layout,里面都是公用的一些標簽
b、App.vue我覺得像路由(因為第一次創建項目,還不知道路由到底是什么,先暫且這么定義吧),里面的代碼沿着引入別的文件---放在自己的頁面的流程,而且紅色框框里面的缺一不可
百度里面說(App.vue是我們的主組件,所有的頁面都在App.vue下進行切換。我們可以將router標示為App.vue的子組件),我先放在這,以后檢驗。
經檢驗:App.vue就跟基礎頁面一樣,所有頁面切換都走這個頁面
注:vs注釋代碼,是選中以后點這個就好
c、home.vue就跟我們之前的前端文件里面一樣,只不過將html放在了template里面(注意:template里面的元素要先有一個總的div包裹所有別的標簽,不然引入會有問題,這或許和vue模塊化開發有關,一個頁面是一個模塊)
d、如果要新增頁面,則在components新增文件,文件名為demo1,然后再App.vue里面添加代碼,就可以渲染出來
完事啦,周末到了,大家周末愉快呀~~~