初始化專案
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 等,為何會出現這樣的情...