vue專案目錄結構說明
這是我建立的專案目錄,見下圖:
目錄/檔案 說明
build 專案構建(webpack)相關程式碼
config 配置目錄,包括埠號等。我們初學可以使用預設的。
node_modules npm 載入的專案依賴模組
src 這裡是我們要開發的目錄,基本上要做的事情都在這個目錄裡。裡面包含了幾個目錄及檔案:
assets: 放置一些圖片,如logo等。
components: 目錄裡面放了一個元件檔案,可以不用。
App.vue: 專案入口檔案,我們也可以直接將元件寫這裡,而不使用 components 目錄。
main.js: 專案的核心檔案。
static 靜態資源目錄,如圖片、字型等。
test 初始測試目錄,可刪除
.xxxx檔案 這些是一些配置檔案,包括語法配置,git配置等。
index.html 首頁入口檔案,你可以新增一些 meta 資訊或統計程式碼啥的。
package.json 專案配置檔案。
README.md 專案的說明文件,markdown 格式
相關推薦
VUE專案目錄結構介紹
build目錄是一些webpack的檔案,配置引數什麼的,一般不用動 config是vue專案的基本配置檔案 node_modules是專案中安裝的依賴模組 src原始碼資料夾,基本上檔案都應該放在這裡。 —assets 資原始檔夾,裡面放一些靜態資源 —components這裡放的都是各個
vue專案目錄結構說明
這是我建立的專案目錄,見下圖: 目錄/檔案 說明 build 專案構建(webpack)相關程式碼 config 配置
Vue專案目錄結構
Project ├── build 構建指令碼目錄 │ ├── build.js 生產環境構建(編譯打包)指令碼 │ ├── che
Vue.js 專案目錄結構
Vue環境搭建 和其他前端開發一樣,Vue.js的開發環境也需要Node.js、npm和webpack等工具的支援。其中,Node.js 就是執行在服務端的JavaScript,npm是一個包管理工具,用來管理Vue.js專案所依賴的包,而webpack則是前端
【Vue】專案目錄結構說明
├── README.md // 專案說明文件 ├── node_modules // 專案依賴包資料夾 ├── bui
Vue 入門之專案目錄結構介紹
Vue 是一套用於構建使用者介面的漸進式框架,與其它大型的頁面框架不同的是,Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與現代化的工具鏈以及各種支援類庫結合使用時,Vue 也完全能
vue-cli目錄結構介紹002
總體框架 一個vue-cli的專案結構如下,其中src資料夾是需要掌握的,所以本文也重點講解其中的檔案,至於其他相關檔案,瞭解一下即可。 檔案結構細分 1.build——[webpack配置] build檔案主要是webpack的配置,主要啟動檔案是dev-server.js,當我們輸
vue檔案目錄結構
使用node和npm環境,很容易搭建起一個vue環境。搭建完成以後,專案基本結構,如下圖所示: 1、build: bulid資料夾儲存的是一些webpack的初始化配置 2、config: config資料夾儲存一些專案初始化的配置 3、node_module: node_
Android Studio專案目錄結構介紹
在Android Studio中,提供了以下幾種專案結構型別 Android Studio專案目錄結構介紹 我們一般常用的有以下兩種結構: Project 結構型別 Android Studio專案目錄結構介紹 app/build/ app模組build編譯輸出的目錄
IntelliJ IDEA 中 Web專案 目錄結構
--src 應用程式原始碼和測試程式程式碼的根目錄 --main --java 應用程式原始碼目錄 --resources 應用程式用到的資原始檔(一般都是配置檔案) --webapp web專案根目錄 --
vue專案目錄解析
1. build資料夾:打包配置的資料夾 1.1 webpack.base.conf.js :打包的核心配置 1.2 build.js:構建生產版本,專案開發完成之後,通過build.js打包(載入base與prod,讀取完之後通過webjpack命令
vsCode編輯Vue.js目錄結構分析
Vue.js 目錄結構 目錄解析 目錄/檔案 說明 build 專案構建(webpack)相關程式碼 config 配置目錄,包括埠號等。我們初學可以使用預設的。 node_modules npm 載入的專案依賴模組 src: 這裡是我們要開發的目錄,基本上要
使用腳手架建立的vue專案目錄詳解
這是一個使用vue腳手架構建的專案,安裝了需要的依賴。先看大致的目錄情況。 目錄 build 構建指令碼目錄; 配置了webpack的基本配置、開發環境配置、生產環境配置等; 目錄 config 構建配置目錄; 配置了路徑埠值等 目錄 li
IONIC--專案目錄結構
開發工具--Visual Studio Code 點選開啟資料夾--開啟建立的app的目錄可檢視目錄結構 ionic目錄結構 主要是看SRC目錄:(其他作為了解) pages中about、content、home目錄下的html就是app顯示的
vue-cli目錄結構介紹
原文地址:http://www.jianshu.com/p/7006a663fb9f 總體框架 一個vue-cli的專案結構如下,其中src資料夾是需要掌握的,所以本文也重點講解其中的檔案,至於其他相關檔案,瞭解一下即可。 檔案結構細分 1.build——[w
【Android學習】第一章 · 安卓專案目錄結構
src: java原始碼所在目錄 gen:自動生成的資源id(不能修改) Android.jar:匯入安卓jar包才能使用安卓的api Android dependencies:映象,類似於快捷方式,原始檔在libs下 libs:支援包,使低版本支援高版本新特
vue-cli目錄結構詳解
原文地址:http://www.jianshu.com/p/7006a663fb9f 總體框架 一個vue-cli的專案結構如下,其中src資料夾是需要掌握的,所以本文也重點講解其中的檔案,至於其他相關檔案,瞭解一下即可。 檔案結構細分 1.build——[w
Golang專案目錄結構組織
原文地址:http://www.cnblogs.com/wlts/archive/2013/06/01/3112004.html 從接觸golang到現在滿打滿算兩週時間,總的來說,語法夠簡單,不過現在可以看、可以參照的資料數量太少了。 還記得我剛開始寫的第一個有點
JAVA WEB專案目錄結構以及web應用部署的根目錄,編譯路徑和專案根目錄的區別
web應用部署的根目錄,編譯路徑和專案的根目錄有什麼區別? 直接上例子: 你有一個專案,名字叫做testPro 專案放到了你的D盤,目錄結構是這樣的: D:/testPro --src --main --webapp --WEB-INF --targ
基於webpack搭建的vue2專案目錄結構概述
在上一篇部落格,我們通過webpack+vue-cli搭建了一個簡單的vue2開發專案,走過的都知道,一個命令建立了好多檔案和資料夾,一臉懵,這裡,為大家簡單介紹一下專案的目錄結構,首先,來看整體專案目錄結構的截圖: 先從最外層走起(根目錄檔案): 1.