iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 25
1

當使用VS Code開啟Vue CLI的專案時,會看到Vue CLI的文件夾、檔案好多好複雜,就開始覺得頭昏眼花、噁心想吐了/images/emoticon/emoticon46.gif
https://ithelp.ithome.com.tw/upload/images/20200915/201295664X4XdRaAIQ.jpg

  • node_modules: npm套件存放的地方
  • public: 公共資源檔案,不做任何編譯壓縮處理
  • src: 開發目錄(配置完成後,基本只在該資料夾開發)
  • src/assets: 放置靜態資源的地方,如css、image…,引用時需用相對路徑
  • src/components: 專案中定義的元件存放路徑
  • src/router: 設定路由
  • src/store: Vuex狀態管理
  • src/views: 檢視所在路徑(路由元件)
  • App.vue: 入口元件,專案中的頁面在此進行路由切換
  • main.js: 初始化Vue例項,並載入專案中所需要的外掛
  • .browserslistrc: 指定專案的目標瀏覽器範圍
  • .eslintrc.js: eslint是用來管理和檢測js程式碼風格的工具,可以搭配編輯器使用,如vscode的eslint外掛。當有不符合配置檔案內容的程式碼出現就會報錯或者警告
  • .gitignore: git忽略新增的檔案
  • babel.config.js: Babel規則配置檔案
  • package.json: 專案載入的元件包
  • package-lock.json: 紀錄安裝包的具體版本號
  • README.md: readme檔案
  • 以上就是今天的內容/images/emoticon/emoticon41.gif

上一篇
Day 24 Vue CLI新建專案
下一篇
Day 26 axios-login(html、javascript)
系列文
菜鳥的暑假Web學習30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言