vue 2.0 的專案配置
1、vue腳手架指的是vue-cli,它是乙個專門為單頁面應用快速搭建繁雜的腳手架,它可以輕鬆的建立新的應用程式而且可用於自動生成vue和webpack的專案模板
2、搭建步驟
全域性安裝
cnpm install vue-cli -g
vue -v 檢測版本
例項化乙個專案
vue init webpack 專案名稱
cnpm install
1221
元件元件是根據ui介面來劃分的功能單位,元件可以分為兩種 基礎元件和功能元件
基礎元件就是頁面中認為是大的分割單位或者靜態的頁面單位
功能元件實現某些特定功能的元件 後期可以積累和復用
元件的開發的好處
1、元件可復用
2、提高**的可維護性
3、簡單高效
元件分為三部分 結構 邏輯行為 樣式
Vue2 0 多入口配置
目錄 2.修改構建目錄下的檔案 a.首先修改webpack.base.conf.js檔案。改為多入口,對應為應用程式目錄下的兩個main.js檔案 b.修改webpack.dev.conf.js檔案配置。兩個htmlwebpackplugin。模板選項對話對應的應用程式目錄下的兩個html檔案。樹幹...
使用VUE2 0構建webpack專案
1 vue構建webpack專案需要依賴於node 和npm 需要先安裝。輸入node v回車 會出現node版本號 輸入npm v回車 會出現npm版本號 2 安裝vue npm install g vue cli g表示全域性安裝,vue cli是模組 或者使用 映象 npm install r...
Vue2 0基礎 vue cli搭建專案
webpack是乙個module bundler 模組打包工具 其可以相容各種js書寫規範,且可以處理模組間的依賴關係,具有更強大的js模組化的功能。webpack對它們進行統一的管理以及打包發布,其官方主頁用下面這張圖來說明webbpack的作用。在講課的時候講解過webpack,並且從零開始使用...