1. 程式人生 > >Ant design 快速上手

Ant design 快速上手

  1. 安裝腳手架工具

    antd-init 是一個用於演示 antd 如何使用的腳手架工具,實際業務專案建議使用 dva-cli 和 create-react-app 進行搭建。

  2. 建立一個專案#

    使用命令列進行初始化。

$ mkdir antd-demo && cd antd-demo
$ antd-init
antd-init 會自動安裝 npm 依賴,若有問題則可自行安裝。

若安裝緩慢報錯,可嘗試用 cnpm 或別的映象源自行安裝:rm -rf node_modules && cnpm install。
$ npm install antd-init
-g
E:\antd-demo> antd-init
Write .\gitignore
Write .\index.css
Write .\index.html
Write .\index.js
Write .\package.json
Write .\webpack.config.js
use npm: cnpm
√ Installed 20 packages
√ Linked 77 latest versions
√ Run 0 scripts
Recently updated (since 2018-08-14): 5 packages (detail see file E:\antd-demo\node_modules\.recently_updates.txt)
√ All
packages installed (78 packages installed from npm registry, used 42s, speed 343.81kB/s, json 82(2.25MB), tarball 11.73MB) cnpm install end --- [email protected]2 僅適用於學習和體驗 antd,如果你要開發專案,推薦使用 dva-cli 進行專案初始化。dva 是一個基於 react 和 redux 的輕量應用框架,概念來自 elm,支援 side effects、熱替換、動態載入等,已在生產環境廣泛應用。 [email protected]
2 is only for experience antd. If you want to create projects, it's better to init with dva-cli. dva is a redux and react based application framework. elm concept, support side effects, hmr, dynamic load and so on. Usage: npm install dva-cli -g dva new myapp cd myapp npm start Visit https://github.com/dvajs/dva to learn more.

相關推薦

React + Ant Design 快速上手

背景及目標日常開發過程中,經常需要做一些 Web 管理平臺供同事或自己使用。作為一個後臺開發前臺知識不紮實,很難簡單快速做出易用的 Web 應用。但是 React 和 Ant Design 的出現使得這種情況有所改善。這篇文章提供了一個路線圖,供沒有太多前臺經驗的開發快速上手

Ant design 快速上手

安裝腳手架工具 antd-init 是一個用於演示 antd 如何使用的腳手架工具,實際業務專案建議使用 dva-cli 和 create-react-app 進行搭建。 建立一個專案# 使用命令列進行初始化。 $ mkdir antd-demo

Ant-design 快速上手

1、在開始之前,先下載Node.js v4.x 或以上。 2、安裝後在win+r輸入npm install antd-init -g 安裝antd 3、使用命令列進行初始化。 $ mkdir antd-demo && cd antd-demo $ antd

Ant-design 快速入門

1、下載node.js4.x及以上,然後安裝。 2、安裝後在win+r輸入npm install antd-init -g 安裝antd 3、建立ant-demo 輸入mkdir antd-demo 建立antd-demo 4、cd antd-demo 5、安裝npm依賴

ant-design-vue 快速入手及常用標簽

vid locale out oca 配置 pro title 輸入 國際    <a-locale-provider :locale="locale"> 全局配置國際化文案 1、按鈕 <a-button>按鈕&

07 React+Ant Design學習(一)——快速構建一個主頁

      通過對React.js一週左右的學習後,就想著自己寫一個主頁,在這一週的學習中雖然對react元件化開發的思想有了較深的理解,但自己還是很迫切的希望能動手結合Ant Design寫出來一個主頁。因為當初學react的目的就是為了學習怎樣使用Ant Des

Ant Design Pro快速入門

在上一篇文章中,我們介紹瞭如何構建一個Ant Design Pro的環境。 同時講解了如何啟動服務並檢視前端頁面功能。 在本文中,我們將簡單講解如何在Ant Design Pro框架下實現自己的業務功能。 目錄結構淺談 首先,我們來簡單瞭解一下整個專案的目錄結構及其中

極客react之Ant Design Pro系列快速入門(七)-- 使用新的佈局

定義一個新的佈局 loayout資料夾定義佈局的js檔案和less樣式檔案 /common/router.js中定義使用新佈局的路徑 '/data': { component: dynamicWrapper(app, [], () => import('..

極客react之Ant Design Pro系列快速入門(八)-- 使用echarts

使用echarts 安裝echarts和react的echarts模組 npm install --save echarts 匯入echarts // 引入 ECharts 主模組 import echarts from 'echarts/lib/echa

python編程快速上手之第10章實踐項目參考答案(11.11.2)

答案 nic .com final timeout pre image 保存圖片 iframe #!/usr/bin/env python # -*- coding:utf-8 -*- import os import re import urllib import

python編程快速上手之第10章實踐項目參考答案(11.11.3)

name driver ret text rul from url .get right from selenium import webdriver from selenium.webdriver.common.keys import Keys import time

python編程快速上手之第10章實踐項目參考答案(12.13.1)

true style span tip 12.1 user python input multi #! python3 # multiplicationTable.py import openpyxl,os from openpyxl.styles import Font

python編程快速上手之第13章實踐項目參考答案(13.6.1)

encrypted iter close ffi mes python編程 實踐項目 reader blog import os,PyPDF2 os.chdir(‘D:\\My Documents‘) for folderName, subfolders, filenam

python編程快速上手之第13章實踐項目參考答案(13.6.2)

nbsp python add sha odi log span import imp #! python3 # encoding: UTF-8 import os import docx from docx import Document from docx.shar

python編程快速上手之第15章實踐項目參考答案(17.7.2)

col ges code sid documents mod 編程 bsp tof #! python3 # Import modules and write comments to describe this program. import zipfile, os fr

python編程快速上手之第15章實踐項目參考答案(17.7.3)

lane width ima font height 開始 users nco window #! python3 # encoding: UTF-8 import os,docx from PIL import Image, ImageDraw from PIL imp

python編程快速上手第六章實踐項目參考code

ats 一個 oranges apple 函數 第六章 項目 應該 ble 代碼如下: 題目的意思是通過一個函數將列表的列表顯示在組織良好的表格中,每列右對齊 tableData = [[‘apples‘, ‘oranges‘, ‘cherries‘, ‘banana‘],

Mac快速上手

div 功能 mman bsp 結束 重做 list one table [TOC] 最常用的快捷鍵 復制拷貝Command + C 粘貼:Command + V 剪切: 刷新(重新整理):Command + R 鼠標右鍵功能 開啟系統偏好設定,選取觸控式軌跡版 選擇

《Python編程快速上手 讓繁瑣工作自動化》pdf

com 安裝 elif 擴展 找到 文件 開發 link back <div id="article_content" class="article_content tracking-ad" data-mod="popu_307" data-dsm="post">

maven快速上手

cal 安裝 技術 工程 配置 zip set nag 右鍵 1、maven安裝 首先下載apache-maven-3.3.3-bin.zip(版本可以自己根據自己想要的下載)。 解壓後如下:    接下來配置系統環境變量:       到此