yarn 在Vue框架中的常用命令

2022-07-04 21:42:12 字數 1058 閱讀 9621

初始化專案

yarn add init

安裝vue

yarn add vue

安裝webpack,webpack-dev-server(是乙個小型的node.js express伺服器)

yarn add webpack webpack-dev-server

安裝babel,babel的作用是將es6的語法編譯成瀏覽器認識的語法es5

yarn add babel babel-core babel-loader babel-preset-es2015

用來解析vue的元件,.vue字尾的檔案

yarn add vue-loader vue-template-compiler

用來解析css

yarn add css-loader style-loader

拓展:css-loader 和 style-loader,二者處理的任務不同,css-loader使你能夠使用類似@import 和 url(…)的方法實現 require()的功能,style-loader將所有的計算後的樣式加入頁面中,二者組合在一起使你能夠把樣式表嵌入webpack打包後的js檔案中。

用於打包檔案和

yarn add url-loader file-loader

用於編譯sass

yarn add sass-loader node-sass

安裝路由

yarn add vue-router

yarn自己公升級yarn

yarn upgrade global yarn

yarn的所有命令

yarn -h

yarn的版本號

yarn-v或者yarn --version

在Linux中的常用命令

一點哲學 一切皆為檔案 檔案四大類 普通檔案 以 開頭 目錄檔案 以d開頭 裝置檔案 以b c開頭 鏈結檔案 以l開頭 其他的有 管道檔案 以p開頭 共享檔案 以s開頭 堆疊檔案 以f開頭 root localhost root表示當前使用者 表示當前使用者的工作目錄 localhost表示本地,若...

Vue中的MVVM框架

viewmodel 資料雙向繫結 場景 針對具有複雜互動邏輯的前段應用 提供基礎的架構抽象 通過ajax資料持久化,保證前端使用者體驗 什麼是vue.js?是乙個輕量級的mvvm框架 資料驅動 元件化的前端開發 github超過25k 的star數,社群完善 vue對比angular,react v...

spark任務在yarn中的資源分配

監控頁面 master 8088 所佔記憶體總大小 引數如下圖 實際情況中,應用程式申請到的資源量一定大於所申請的資源量 例如 spark driver指定記憶體 2g,executor指定記憶體 2g 3 合計應該是8192m記憶體 但實際上分配的記憶體或許為 12288m 等,為何會出現這樣的情...