Vue中vue-cli3腳手架

vue-cli3創建vue項目

vue create vue-seller----vue-cli3

vue init webpack vue-seller----vue-cli2

創建後,最好選擇手動:

image.png

你要集成什麼就選就行了(注:空格鍵是選中與取消,A鍵是全選)

image.png

總結創建項目的要點:

  • vue create project【項目名稱】
  • 最好手動現在需要的依賴

    image.png

  • 選擇依賴要放的位置,最好選擇放到獨立文件夾中

    image.png

項目使用cube-ui

vue項目中使用的腳手架是vue-cli3,對應的安裝cube-ui的命令:
vue add cube-ui

是否使用後編譯:
image.png

image.png

安裝完以後,下面是修改和添加的文件:
image.png

**cube-ui.js 管理cube-ui模塊的引入

 theme.styl 管理cube-ui的顏色(修改顏色可以在這裏面進行修改)

vue.config.js 類似以前的webpack.js文件,進行一些配置**

項目中mock中的data數據

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章