vue專案結構

2021-10-04 17:00:14 字數 930 閱讀 1379

package.json

裡面有很多的依賴包,表示在開發這個專案的時候用到的第三方依賴。

license

開源協議說明。

index.html

專案首頁預設的模板檔案。

.postcssrc.js

postcss 的預設配置項。

.gitignore

在把**上傳到線上的時候希望忽略一些檔案,比如 node_modules 等目錄檔案。

.eslintrc.js

對**進行檢測,裡面配置了一些對對**的規範。

.eslintignore

在裡面新增的目錄檔案是不會受到 eslint 這個檢測工具檢測的,這些檔案如果寫的不標準,也不會進行**不標準提示。

.editorconfig

他幫助我們配置了一下編輯器裡一些語法。

.babelrc

我們的專案寫的**是 vue 的單檔案元件的寫法,所以他需要通過 babel 這種語法解析器做一些語法上的轉換,最終轉換為瀏覽器能夠編譯執行的**。

static 目錄

放一些靜態資源,一些靜態的或者模擬的一些 json 資料。

node_modules 目錄

放的是這個專案依賴的一些第三方的包。

config 目錄

config 目錄放的是一些專案的配置檔案,基礎的配置資訊放在 index.js 中,開發環境的配置資訊放在 dev.env.js 中,線上環境的配置資訊放在 prod.env 中。

build 目錄

build 目錄放的是專案打包的 webpack 的一些配置內容:

webpack.base.conf:基礎的 webpack 配置項。

webpack.dev.conf:開發環境中的 webpack 配置項。

webpack.prod.conf:線上環境中的 webpack 配置項。

Vue專案目錄結構

project build 構建指令碼目錄 build.js 生產環境構建 編譯打包 指令碼 check version.js 檢查node npm等版本 dev client.js 開發伺服器熱過載指令碼,主要用來實現開發階段頁面自動重新整理 dev server.js 執行本地開發伺服器 uti...

vue專案結構目錄

readme.md專案的說明檔案 package.json需要的第三方的依賴包 package lock.json第三方包的一些具體版本資訊,保持團隊開發的統一 index.html專案預設的模板檔案 static放置的靜態資源 json資料等 src檔案放置的是整個專案的源 src目錄下幾個檔案的...

vue 專案結構說明

eslink 規範es6的 風格檢測工具。npm install node sass g 全域性安裝,即使安裝之後可以全域性使用dode sass,不用進到工具目錄。babel 把es6轉換成es5,因為很多瀏覽器不支援es6.editorconfig 編輯風格 html是入口檔案。package....