Vue-cli搭建完專案,各檔案解釋

李文楊發表於2017-07-24
腳手架vue-cli搭建完成後,會生成一些檔案,總結學習一下這些檔案是做什麼用的:Vue-cli搭建完,各檔案解釋
1、一級目錄:
  • build和config資料夾是wbepack配置的資料夾;
  • node_modules是在我npm install後存放一些依賴和外掛的資料夾;
  • src是存放我們專案原始碼的檔案,通常我們的vue元件就寫在這裡,其中main.js是頁面的入口檔案,初始化vue例項並使用需要的外掛【外掛router、resource等】,而App.vue看作是一個大元件,也就是整個頁面的vue例項檔案;
  • static是存放第三方靜態資源的,比如css的reset.css等等。
2、二級目錄:
  • .babelrc是Es6語法的一些轉換配置,其中presets是預設,plugins是轉換的外掛,comments的值如果為false,表示轉換後不生成註釋;
  • .editorconfig是編輯器的配置,它配置了一些語言,縮排的風格大小,換行符風格等等;
  • .eslintignore是忽略語法檢查的目錄檔案,一般是build/*.js、config/*.js這兩個檔案;
  • .eslintrc.js是eslint的配置檔案,其中extends: 'standard'表示標準規則,如:要求===之類的;‘rule’表示配置具體的規則,我們改eslint就在這個下面進行修改,如:// 沒有分號就報錯  'semi': ['error', 'always']或者忽略某種檢查,將值設為0即可;
  • index.html是入口檔案,js和css會被動態的插入這個檔案;
  • package.json定義了整個專案所需要的這種模組,以及專案的配置資訊。

相關文章