vue.js 檔案架構風格一由

vue.js

Rach 2017-10-20 00:24:57 ‧ 5813 瀏覽

分享至

大家好，我是剛踏入vue.js的極嫩新手，對於很多不習慣東西想要發問一下，因為我之前開發是在NG4會使用angular-cli，所以就先去偷懶得找屬於vue的cli，但發現跟ng比較有出入的是，他並不能像ng-cli依樣能使用，直接下指令產生

$ vue g c sampleComponent

不過在npm有找到，雖然特地去裝這個感覺有點雞肋。

第二個是在components中，直接一個helloworld.vue裏頭全部解決，其實我以往的寫作的檔案結構是如此

index(FOLDER
- index.js
- index.html
- index.css
  大家會習慣還是把檔案拆成js,html與css獨立，還是像sample code一樣是在一起的呢?

不知道是不是響應這個sample code的關係，我編好的dist webpack是設定拆成好幾包檔案，而不是幾個檔案，不知道是不是沒有production的問題這一點我需要再回去研究一下！謝謝大家解惑，vue真的很輕量，昨天想說心血來潮想啟，結果這根本是jquery等級的cdn上手與ng1的helper！

法蘭克 iT邦新手 5 級 ‧ 2017-11-13 14:18:40 檢舉

我把內容改寫到回答處～

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

法蘭克

iT邦新手 5 級 ‧ 2017-11-13 14:20:18

你指的下指令產生是直接可以產生 component嗎？目前vue-cli 還沒有這個功能，所以開發上就是自己新增一個
components中包含了html & script & css ，這算是一個特色吧，如果要使用的話建議用vue-cli開發，編譯的時候會去解離再重新render到頁面上。如果有全域的css可以另外放在一個資料夾，要使用的時候再引入。