1. 程式人生 > >vue專案目錄結構說明

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.