vue 滴滴cube ui 簡化安裝

2021-09-02 22:30:21 字數 1050 閱讀 7333

cube-ui 是滴滴公司的技術團隊基於 vue.js 實現的精緻移動端元件庫。我主要是想使用它的upload和recyclelist!

(1)首先建立乙個vue專案

vue init webpack my-project

cd my-project

npm install

(2) 安裝cube-ui

npm install cube-ui -s

(3)官方推薦使用外掛程式babel-plugin-transform-modules,因為有時候需要對es6新的物件,對舊有專案轉義相容,需要babel-polyfill,recyclelist就需要

npm install babel-plugin-transform-modules -d

(4)然後配置下這個外掛程式,修改 .babelrc:(新增到plugins中去)

"plugins": [

["transform-modules", ",

"kebabcase": true,

"style": ",

"kebabcase": true,

"style": (區域性引用),以及components區域性註冊了。

(6)不使用後編譯的情況

後編譯概念:後編譯指的是應用依賴的 npm 包並不需要在發布前編譯,而是隨著應用編譯打包的時候一塊編譯。

注意: cube-ui 搭配 webpack 2+ 預設就會使用後編譯,但是後編譯需要有一些依賴以及配置(參見本頁最後);如果不想使用後編譯的話,可以直接修改 webpack 配置即可:

// webpack.config.js

module.exports = {

resolve: {

alias: {

'cube-ui': 'cube-ui/lib'

使用後編譯見下方官網:

post:

現在可以使用cube-ui了

滴滴用的是MySQL 滴滴雲安裝mysql資料庫

沒什麼好說的,直接正面剛吧。安裝mysql資料庫 b 安裝mysql源 yum localinstall mysql57 community release el7 8.noarch.rpm 若結尾出現complete 則說明mysql源安裝完成 c 檢測是否安裝完成 yum repolist en...

滴滴夜鶯Nightingale安裝教程

nightingale官網說明 3.安裝golang 2 修改環境變數 3 使配置立即生效 二 原始碼編譯安裝 三 修改mysql配置檔案 四 匯入資料庫 五 修改nginx配置檔案 六 啟動nginx 七 啟動nightingale 八 登入nightingale yum install ngin...

雲安裝mysql 滴滴雲安裝mysql資料庫

沒什麼好說的,直接正面剛吧。安裝mysql資料庫 b 安裝mysql源 yum localinstall mysql57 community release el7 8.noarch.rpm 若結尾出現complete 則說明mysql源安裝完成 c 檢測是否安裝完成 yum repolist en...