1. 程式人生 > >Vue-cli搭建完項目,各文件解釋

Vue-cli搭建完項目,各文件解釋

npm out 編輯 static 插入 router 搭建 項目源碼 module

腳手架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定義了整個項目所需要的這種模塊,以及項目的配置信息。

Vue-cli搭建完項目,各文件解釋