該樣板適用於大型,嚴肅的專案,並假定您對webpack和有所了解vue-loader
。確保還閱讀vue-loader的文件,了解常見的工作流程配方。
如果您只想嘗試vue-loader
或快速製作出原型,請改用webpack-******模板。
要使用此模板,請使用vue-cli搭建專案。建議使用npm 3+以獲得更有效的依賴關係樹。
安裝完成後,成功執行:
├── build/ # webpack配置檔案
│ └── ...
├── config/
│ ├── index.js # 主要專案配置
│ └── ...
├── src/
│ ├── main.js # 應用入口檔案
│ ├── components/ # ui元件
│ │ └── ...
│ └── assets/ # 模組資源(由webpack處理)
│ └── ...
├── static/ # 純靜態資源(直接複製)
├── test/
│ └── unit/ # 單元測試
│ │ ├── specs/ # 測試spec檔案
│ │ ├── index.js # 測試構建條目檔案
│ │ └── karma.conf.js # 測試跑步者配置檔案
│ └── e2e/ # e2e測試
│ │ ├── specs/ # 測試spec檔案
│ │ ├── custom-assertions/ # e2e測試的自定義斷言
│ │ ├── runner.js # 測試跑步指令碼
│ │ └── nightwatch.conf.js # 測試跑步者配置檔案
├── .babelrc # babel 配置
├── .postcssrc.js # postcss 配置
├── .eslintrc.js # eslint 配置
├── .editorconfig # editor 配置
├── index.html # index.html模板
└── package.json # 構建指令碼和依賴關係
Vue2 0 從零開始 環境搭建操作步驟
一 什麼是vue?www.cppcns.com 是一種node.js框架,特點如下 程式設計客棧1.資料繫結 特性 雙向繫結 一旦發生變化,dom節點實時更新 ps 盡量拋棄jq,次特點已經可以解決很多特效等問題 2.元件化 比如 樂高積木一樣通過互相引用而組裝起來 二 開發環境 三 環境搭建 1....
vue2 0專案手把手教學 一
之前一直做的是angularjs專案,目前已經算是過時了吧,但是只是框架過時了,技術還是很有深度的。還記得vue剛起步的時候,說實話真的看不起那些學vue的孩子,因為當時都覺得vue是入門級前端框架,這玩意隨便看看就會了,特別是學過angularjs的同學,上手非常快。還有就是說vue是參考angu...
用Vue cli從零開始搭建乙個Vue專案
電腦環境準備 2 開啟命令提示符,安裝 映象cnpm。因為cnpm安裝依賴包時會比npm速度快很多。安裝命令 npm install g cnpm registry 安裝完畢後可以在命令提示符中輸入cnpm v檢視cnpm版本 3 全域性安裝vue cli。安裝命令 cnpm install g v...