使用vue-cli生成的項目代碼結構介紹


利用node和npm環境我們可以很快的搭建一個vue環境。具體步驟,請看上一篇博客。搭建完成后,我們可以看到生成的文件夾中包括如下文件。

在開發中,這些生成的配置文件不需做太多的改動,我們要做的就是在src中進行業務代碼的開發。

build文件夾

是項目打包的webpack的配置內容,是自動構建成的集合一般來說不需要修改

最后三個分別是(base)基礎的、(dev)開發環境中的、(prod)線上環境中的webpack配置。

config文件夾

保存一些項目初始化的配置文件

dev.env.js 開發環境的配置信息

index.js 項目基礎的配置信息

prod.env.js 線上環境的配置信息

node_modules文件夾

存放npm加載的項目依賴的模塊

src文件夾

是我們要開發的目錄

assets:用來放置圖片資源

components:用來放組件文件

App.vue:是項目入口文件,根組件

main.js是項目的入口文件(核心)

static文件

放置靜態資源目錄(靜態圖片、json數據等)

.babelrc

配置文件。語法解析器做一些語法轉換,解析成瀏覽器能編譯執行的代碼

editorconfig

配置編輯器里的語法,統一編輯器的自動化代碼的格式化

.gitignore

git上傳時忽略的文件(git相關)

postcssrc.js

postcssrc配置(一款使用插件去轉換CSS的工具)

index.html

首頁模板文件

package.json

記錄你項目中所需要的所有模塊(npm相關)

package-lock.json

鎖定所有模塊的版本號(npm相關)

README.md

項目的說明文件(git相關)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM