vue 2 0 的專案配置

2021-10-10 14:18:27 字數 494 閱讀 7478

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,並且從零開始使用...