使用模組化開發並整合ElementUI

npm install webpack -g

npm install -g @vue/cli-init

​如果上面的不行使用 ： npm install -g vue-cli
​//檢查是否安裝成功
vue -v （v必須大寫）

專案中package.json中有scripts，代表我們執行的命令

cd vue-demo

npm start =npm run dev :啟動專案

1. 開啟資料夾，選擇腳手架專案的路徑

2. 在終端啟動專案 ： npm run dev

[官方文件]

npm i element-ui  (i是install簡寫)

import vue from 'vue';

import elementui from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
​vue.use(elementui);
​new
vue();

以上**便完成了elementui的引入，注意：樣式檔案需要單獨引入

模組化開發

講模組化開發之前，我們先了解一下 傳統開發模式 是什麼？比如說a所在的公司在做乙個專案，公司安排a跟b還有c三個人一起協同開發，a負責一部分功能塊，b負責另一部分功能塊，把專案的功能分成一塊一塊，這適用於多人協作開發，每個人負責不同的功能塊，當然，這其中有人是負責整合的，有人是負責開發公共功能塊的等...

模組化開發

commonjs規範 同步模式載入模組，導致效率低 node.js環境 乙個檔案就是乙個模組 每個模組都有單獨地作用域 通過module.exports匯出成員 通過require函式載入模組 amd asynchronous module definition 規範 使用相對複雜 模組js檔案請求...

模組化開發

寫在前面 面試時常被問到，你知道什麼是模組化開發嗎？模組化開發能帶來什麼好處？下面的內容可以幫助你簡單了解什麼是模組化開發，從對它模糊的印象中看到一些清晰的輪廓，幫助你了解模組化開發的現狀，以對選擇哪種模組化開發有個選擇的方向。目錄 什麼是模組化開發 模組化開發的意義 模組化開發的好處 1 避免變數...