vue elementUI專案搭建

安裝node

基於node之npm環境下操作vue，所以先部署node

安裝git

wget http:

7/extras/x86_64/packages/epel-release-7-
11.noarch.rpm
yum install -y epel-release-7-
11.noarch.rpm 
yum install git -y

npm install -g vue-cli

npm install -
-global webpack-cli
npm install -
-global webpack
ln -s /usr/local/node/node-v13.
8.0-linux-x64/
bin/webpack /usr/
bin/webpack
ln -s /usr/local/node/node-v13.
8.0-linux-x64/
bin/vue  /usr/
bin/vue
ln -s /usr/local/node/node-v13.
8.0-linux-x64/
bin/vue-init /usr/
bin/vue-init
ln -s /usr/local/node/node-v13.
8.0-linux-x64/
bin/vue-
list
/usr/
bin/vue-
list
vue -v

# 建立專案 vuedemo

vue init webpack vuedemo
# 一路回車即可
執行專案
cd vuedemo

npm run dev
引入element
# 在vuedemo專案的根目錄下執行

npm i element-ui -s
// the vue build version to load with the `import` command

//(runtime-only or standalone) has been set
in webpack.base.conf with an alias.
import vue from
'vue'
import router from
'./router'
import elementui from
'element-ui'
import
'element-ui/lib/theme-chalk/index.css'
vue.config.productiontip = false
/* eslint-disable no-new *
/vue.use(elementui)
new vue()~
~
預設按鈕<

/el-button>
="primary"
>主要按鈕<
/el-button>
="success"
>成功按鈕<
/el-button>
="info"
>資訊按鈕<
/el-button>
="warning"
>警告按鈕<
/el-button>
="danger"
>危險按鈕<
/el-button>
<
/el-row>
<
/template>
export default }}
<
/script>
請求處理（axios）

還是用npm安裝，安裝命令 npm install axios （注意，一定是要在專案資料夾下）
				
Vue element ui 專案優化
專案優化 進度條新增 移除打包之後的console 只在發布階段移除console 利用vue.config.js修改webpack的預設配置 自定義入口檔案 通過cdn載入外部資源 配置element ui的cdn資源 根據不同環境定製不同的首頁內容 我們要在index.html中來判斷當前環境為...
				
vue   elementui專案搭建
一 安裝node.js 開啟cmd window環境下快捷鍵window r 輸入node v 上圖就是node.js的版本資訊 3.由於node.js已經整合了npm 包管理器 所以npm也一起安裝好了,輸入npm v 上圖就是npm的版本資訊。二 安裝vue cli腳手架 輸入npm insta...
				
python Django mysql專案搭建步驟
2 匯入django，mysqll聯結器mysqlclient 3 新增資料庫連線，編輯settings.py配置檔案。匯入連線包到工程，寫 init py import pymysql pymysql.install as mysqldb 5 初始化資料 6 啟動應用 訪問admin後台驗證 7 ...