---
# System prepended metadata

title: JoinLearn VUE CLI Note

---

# JoinLearn VUE CLI Note
/20210919
---
環境配置

### dist 
    -專案最完後 打包的資料會在這邊 上傳時也是使用這個資料夾
### node_modules
    -所有npm的套件工具
    
### assets
    -放scss跟圖片的地方
    -scss 裡面有分類成四個類別
        -base(基礎設定可以放在這)
        -component(元件化的component)
        -helper(放各種工具型scss，目前我是把BT的變數放過來自行調整)
        -page(各個views下面的頁面)
        
### components
    -放元件化網頁的地方 (目前把Navbar跟Footer放出來在這裡管理)
    
### router
    -vue 網頁路徑指向設定檔
    
### views
    -放頁面的地方
      -Fronted資料夾是目前我們做出來的頁面
          -有些頁面下有個別引入單一的scss(之後可以再做調整)

### App.vue
    -路徑指向的總管
    -有引入all.scss 可以套用在所有頁面上
    
### package.json
    -有目前使用的vue跟套件 npm ...的各種版本
    