vue框架搭建的詳細步驟之專案結構(二)

2021-08-07 15:44:45 字數 944 閱讀 6544

此目錄包含開發伺服器和生產webpack構建的實際配置。通常,您不需要觸控這些檔案,除非您要自定義webpack載入器,在這種情況下,您應該看看build/webpack.base.conf.js。

(2).config/index.js

這是主要的配置檔案,它暴露了構建設定的一些最常見的配置選項。接下來我會寫一篇vue中 預設的 config/index.js:配置的詳細理解。需要修改的地方開發期間的api**,要配置**規則,請在其中編輯

dev.proxytable

// config/index.js

module.exports = }}

}}

(3).src/

這是你的大部分應用程式**所在的位置。如何構建此目錄中的所有內容,主要取決於您; 

如果您正在使用vuex,您可以查閱vuex應用程式

的建議。

(4).static/

此目錄是您不想使用webpack進行處理的靜態資產的乙個逃生艙口。

它們將直接複製到生成webpack建立的資產的同乙個目錄中。

(5).test/unit

包含單元測試相關檔案。

(6).test/e2e

包含e2e測試相關檔案。

(7).index.html 這是

我們的單頁面應用程式的模板

index.html

在開發和構建期間,webpack將生成資產,並將生成的資產的url自動注入到此模板中以呈現最終的html。

(8).package.json

包含所有構建依賴項和構建命令

的npm軟體包元檔案。

vue環境搭建詳細步驟

win r 輸入cmd,開啟dos命令板 輸入命令 npm install global vue cli 會出現以下情況 我們可以用命令列 npm v 或 node v 檢視安裝的版本號,以此來檢測是否安裝成功 三 cnpm的安裝 四 vue cli的安裝 cnpm下再全域性安裝vue cli vu...

vue專案搭建步驟

一 安裝環境 二 搭建vue專案環境 npm install vue 全域性安裝 vue cli cnpm install globalvue cli vue init webpack 專案名稱 三 安裝並執行專案 cd 專案名稱 進入專案檔案中 npm install npm run dev 執行...

搭建vue專案步驟詳解

檢查是否安裝成功 如果輸出版本號,說明我們安裝node環境成功 為了提高我們的效率,可以使用 的映象 輸入 npm install g cnpm registry 即可安裝npm映象,以後再用到npm的地方直接用cnpm來代替就好了。檢查是否安裝成功 1.全域性安裝vue cli 2.進入你的專案目...