visual studio 建立 vue項目


上一期已經介紹了如何創立第一個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里面添加代碼,就可以渲染出來

  


 完事啦,周末到了,大家周末愉快呀~~~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM