vue 專案結構說明

eslink：規範es6的**風格檢測工具。

npm install node-sass -g ：全域性安裝，即使安裝之後可以全域性使用dode-sass，不用進到工具目錄。
.babel:把es6轉換成es5,因為很多瀏覽器不支援es6.
.editorconfig:編輯風格
html是入口檔案。
package.json:
"scripts": ,
npm run dev：執行的就是node build/dev-server.js
npm run build：執行的就是node build/build.js

dev指的是config/index.js裡面的dev

dev: 
}},

<

cartcontrol

:food

="food"

>

cartcontrol

>

使用匯入進來的元件了。

所以index.html可以使用

<

>

>

var merge = require('webpack-merge') : 用來合併配置檔案用的

var utils = require('./utils') ：一些工具方法

var basewebpackconfig = require('./webpack.base.conf') ： webpack配置檔案，是被開發時dev和執行時prod的配置共享的。

var htmlwebpackplugin = require('html-webpack-plugin') ： webpack提供操作html檔案的外掛程式

webpack.base.conf.js

build: ,

會生成dist目錄，放入apache伺服器就可以了。

npm run dev是開發時候用到的，會再記憶體使用webpack，不現實的。

vue專案結構

package.json 裡面有很多的依賴包，表示在開發這個專案的時候用到的第三方依賴。license 開源協議說明。index.html 專案首頁預設的模板檔案。postcssrc.js postcss 的預設配置項。gitignore 在把 上傳到線上的時候希望忽略一些檔案，比如 node mo...

Vue專案目錄結構

project build 構建指令碼目錄 build.js 生產環境構建 編譯打包 指令碼 check version.js 檢查node npm等版本 dev client.js 開發伺服器熱過載指令碼，主要用來實現開發階段頁面自動重新整理 dev server.js 執行本地開發伺服器 uti...

vue專案結構目錄

readme.md專案的說明檔案 package.json需要的第三方的依賴包 package lock.json第三方包的一些具體版本資訊，保持團隊開發的統一 index.html專案預設的模板檔案 static放置的靜態資源 json資料等 src檔案放置的是整個專案的源 src目錄下幾個檔案的...