npm install vuex axios ant-design-vue -s
當然也可以使用視覺化面板的依賴安裝。
ant-design-vue 是ui元件庫。
main.js 檔案:
//1.匯入 ant-destign-vue 元件庫
import antd from 'ant-design-vue'
//2.匯入元件庫的樣式表
import 'ant-design-vue/dist/antd.css'vue.config.productiontip = false
//3.安裝元件庫
vue.use(antd)
newvue(}
a-checkbox
>
<
a slot
="actions"
>刪除
a>
a-list-item
>
<
div
slot
="footer"
class
="footer"
>
<
span
>0條剩餘
span
>
<
a-button-group
>
<
a-button
type
="primary"
>全部
a-button
>
<
a-button
>未完成
a-button
>
<
a-button
>已完成
a-button
>
a-button-group
>
<
a>清除已完成
a>
div>
a-list
>
div>
template
>
<
script
>
export
default
, ,,,
]}
}}script
>
<
style
scoped
>
.my_ipt
.dt_list
.footer
style
>
在專案根目錄新建 .prettierrc 檔案:
semi :表示結尾的分號省略
singlequote:表示使用單引號
printwidth:表示每行**長度
1 專案初始化
目錄 一 新建專案 三 引入 全域性 四 三維場景初始化 五 效果圖 版本 vue cli 4.5.9 npm install cesium 版本 cesium 1.76.0 新建 vue.config.js 檔案 const copywebpackplugin require copy webpa...
vue初始化專案,構建vuex的後台管理專案架子
構架vuex的後台管理專案原始碼 一 node安裝 可以參考這篇文章 二 vue cli 全域性安裝 命令列執行 npm install g vue cli 加 g是安裝到全域性 安裝完成以後 可以輸入命令 vue 回車,可以看到針對vue的命令列 三 初始化專案 執行命令 vue init web...
8 1 專案介紹git版本建立與專案初始化1
一 章節介紹 二 專案介紹 三 專案分塊 四 dashbaord架構圖 1 管理員使用django自帶使用者系統 2 使用者系統建立自定義的使用者模組與使用者驗證 重點cookie與session的使用 3 非同步佇列的使用 celery redis 五 客戶端架構圖 六 新知識或新功能概覽 cel...