vue工程化管理

2021-10-07 20:27:49 字數 1279 閱讀 7679

載入使用到的資源: 最小化載入原則

編寫html+css

如何從c盤到e盤

直接在cmd 輸入e:回車

projecta

bindocs

plugins

logs

package.json=> 記錄了你當前環境安裝的工具包有哪些

node.js => nvm => node的版本管理工具

npm解除安裝vue-cli2

npm uninstall vue-cli -g

解除安裝vue-cli3及更高版本

npm uninstall @vue/cli -g

npm install @vue/cli -g

檢視vue-cli是否安裝好

vue --version

@vue/cli 4.4.6

npm install -g @vue/cli-init

vue create vuecli4-proj

vue cli v4.4.6

? please pick a preset:

iview-proj (babel, eslint)

default (babel, eslint)

manually select features

? successfully created project vuecli4-proj.

? get started with the following commands:

$ cd vuecli4-proj

$ npm run serve

eslint => 語法檢查工具

vue init webpack vuecli2-proj

預設回車

vue-cli4專案的執行

入口配置檔案 => package.json

npm run serve => package.json =>

scripts => serve => vue-cli-service serve

vue-cli-service serve

node_modules -> @vue -> cli-service -> lib -> config -> base.js

自定義配置:

vue.config.js檔案cli配置

*.vue => vue元件

html**

前端工程化

為什麼出現了前端工程化?09年之前,我們學習的css,div,js只是對頁面設計進行乙個打輔助的功能,當時只能勉強的成為頁面設計師,為什麼會出現前端工程師 1.突然間前端的需求逐漸增多,使用者對介面的要求越來越高,前端範疇越來越大。2.前後端總是保持一致才能進行開發,不能分開開發,提出前端工程化,也...

前端工程化

一 什麼是前端工程化 根據業務特點,將前端開發流程規範化 標準化 包括開發流程 技術選型,規範,構建發布等用於提公升前端工程師開發效率和 質量,提高產品的質量。實現前端工程化的目的 就是通過流程規範 自動化工具來提公升前端的開發效率 效能 質量 多人協作能力以及開發體驗。前端工程化體系分為 元件化 ...

前端工程化

老大考慮到團隊成員學習的曲線,最終選擇thunk 為了更方便團隊人員使用,封裝直接的thunk,和cobinereducer 1 專案分為四大塊,服務治理,資源治理,診斷除錯,分析管理 幾十個元件,不可能將所有的狀態解除安裝乙個reducer裡面來管理 不利於維護 然後因為封裝了元件thunk所以要...