国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網站運營 > Vue2.0項目入門 — 詳解Vue-cli webpack模板

Vue2.0項目入門 — 詳解Vue-cli webpack模板

時間:2023-06-06 23:54:01 | 來源:網站運營

時間:2023-06-06 23:54:01 來源:網站運營

Vue2.0項目入門 — 詳解Vue-cli webpack模板:

項目結構:

├── build/ # webpack 編譯任務配置文件: 開發(fā)環(huán)境與生產環(huán)境│ └── ...├── config/ │ ├── index.js # 項目核心配置│ └── ...├ ── node_module/ #項目中安裝的依賴模塊 ── src/│ ├── main.js # 程序入口文件│ ├── App.vue # 程序入口vue組件│ ├── components/ # 組件│ │ └── ...│ └── assets/ # 資源文件夾,一般放一些靜態(tài)資源文件│ └── ...├── static/ # 純靜態(tài)資源 (直接拷貝到dist/static/里面)├── test/│ └── unit/ # 單元測試│ │ ├── specs/ # 測試規(guī)范│ │ ├── index.js # 測試入口文件│ │ └── karma.conf.js # 測試運行配置文件│ └── e2e/ # 端到端測試│ │ ├── specs/ # 測試規(guī)范│ │ ├── custom-assertions/ # 端到端測試自定義斷言│ │ ├── runner.js # 運行測試的腳本│ │ └── nightwatch.conf.js # 運行測試的配置文件├── .babelrc # babel 配置文件├── .editorconfig # 編輯配置文件├── .gitignore # 用來過濾一些版本控制的文件,比如node_modules文件夾 ├── index.html # index.html 入口模板文件└── package.json # 項目文件,記載著一些命令和依賴還有簡要的項目描述信息 └── README.md #介紹自己這個項目的,可參照github上star多的項目。build/這個目錄包含實際為開發(fā)環(huán)境與生產環(huán)境的webpack配置文件。通常你不需要關注這些文件,除非你想自定義webpack的loader,這樣的話,應當先看看build/webpack.base.conf.js這個文件。

src/

這個是你放絕大部分程序代碼的地方。如何管理這個目錄內的所有內容隨你決定;如果你使用Vuex,建議的結構一般是這樣的:

├── index.html├── main.js├── api│ └── ... # 抽取出API請求├── components│ ├── App.vue│ └── ...└── store ├── index.js # 我們組裝模塊并導出 store 的地方 ├── actions.js # 根級別的 action ├── mutations.js # 根級別的 mutation └── modules ├── cart.js # 購物車模塊 └── products.js # 產品模塊

static/

這個目錄是你不想通過webpack處理的靜態(tài)資源目錄。這些目錄中的資源會在webpack構建的時候,被直接復制到相同的目錄中。

<blockquote>

你應該注意到了,在項目結構上我們有靜態(tài)資源兩個目錄:src/assets和static/。他們之間有什么區(qū)別?

詳細說明請點擊Vue2.0項目入門—靜態(tài)資源目錄src/assets和static/區(qū)別

</blockquote>

test/unit

包含單元測試相關文件。

test/e2e

包含端到端測試相關文件。

index.html

這個是單界面應用中的模板Index.html。在開發(fā)環(huán)境中,webpack會生成相關資源,這些資源的url會自動插入到模板來渲染最終的HTML。

package.json

npm包元數據文件,包括所有的構建依賴與構建命令。

所有的構建命令,都會通過NPM腳本執(zhí)行。

npm run dev

<blockquote>

啟動一個Node.js本地開發(fā)服務器。

</blockquote>

npm run build

<blockquote>

構建生成環(huán)境的資源。

</blockquote>

npm run e2e

<blockquote>

端到端測試。

</blockquote>




作者:大青吶

鏈接:https://www.jianshu.com/p/a501690dc433

來源:簡書

著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權,非商業(yè)轉載請注明出處。

關鍵詞:模板,項目,入門

74
73
25
news

版權所有? 億企邦 1997-2025 保留一切法律許可權利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關閉