Vuex 的專案例項1 專案初始化

2022-06-08 02:09:12 字數 1373 閱讀 1920

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...