利用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相關)