項目基本結構
build/ ----編譯用到的腳本
config/ ----各種配置
dist/ ----打包后的文件夾
node_modules/ ----node第三方包
src/ ----源代碼
static/ ----靜態文件
index.html ----最外層文件
package.json ----node項目配置文件復制代碼
build文件夾目錄詳解
build.js 打包時使用,不要修改
check-versions.js 檢查npm版本,不要修改
utils.js css/sass等文件的生成,不要修改
vue-loader.conf.js 輔助加載vuejs用到的css source map等內容,非常重要的配置文件,不要修改 webpack.base.conf.js\webpack.base.conf.js\webpack.base.conf.js 這三個是基本的配置文件,不要修改復制代碼
config文件夾
dev.env.js 開發模式下的配置文件,一般不用修改
index.jsz 生重要文件,開發時的端口(默認8080),圖片文件夾(默認static),開發模式下的地理服務器,修改的較多
prod.env.js 生產模式下的配置文件,一般不用修改復制代碼
node_modules文件夾
node
項目用到的第三方包。npm install
產生的。定義的第三方包都會在package.json
中出現
node_modules:這個文件夾不要放到git中
package.json:
src文件夾
核心代碼都會在這里:一般常用的如下:
assets 用到的圖片都是可以放到這里的
components 用到的視圖和組件所在的文件夾(核心)
router/index.js 路由文件,定義各個頁面對應的url
App.vue 頁面模板文件,所有其他vuejs頁面,都是該模板的一部分
main.js 沒有實際的業務邏輯,但是為了支撐整個vuejs框架,存在很有必要,一般引入UI組件在這里操作復制代碼