3分鐘搭建Ant Design Pro前端開發環境( MyClouds的前端選型)
前言
一直想找一套喜歡的UI元件,最後還是看上了阿里的Ant Design Pro。詳見:https://pro.ant.design。準備後續將其作為MyClouds的前端預設解決方案。今天先搭個開發環境,體驗一下子。
步驟
1. 先把程式碼搞下來。(咱得有個git吧)
$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project $ cd my-project
2. 安裝node 包依賴。(得先裝個nodejs吧)
$ npm install
3. 啟動,訪問:http://localhost:8000
$ npm start
預覽
相關推薦
3分鐘搭建Ant Design Pro前端開發環境( MyClouds的前端選型)
開發十年,就只剩下這套架構體系了! >>>
以ant design pro示例框架為基礎的前端開發小結
如上圖,為ant design pro基本機構,最外層還有一個重要檔案.roadhogrc.mock.js。在該框架中,執行的基本邏輯如下:先搭建路由,src/common下有menu和router兩個檔案,先在menu裡寫入預備在slider裡邊展示的路徑,然後在route
極客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
使用PM2搭建在線vue.js開發環境(以守護進程方式熱啟動)
就是 自己 yui 是我 pub 分享 scripts OS 個人 項目以vue.js+layUI的作為前端開發技術棧,需要有一個在線的環境供項目成員實時查看效果,總不能每次都webpack打包發布後才能看到效果吧!剛開始就簡單使用npm run dev命令熱啟動,但是sh
ubuntu18.04.1下配置前端開發環境(nvm),nvm安裝不成功的解決辦法
# Proxy alias setproxy="export ALL_PROXY=socks5://60.205.84.96:10086" alias unsetproxy="unset ALL_PROXY" 寫到 ~/.bashrc 最後面 然後,退出當前的 terminator 再開
圖文詳解如何搭建Windows的Android C++開發環境(一)
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!  
搭建PHP開發環境(Apache+PHP+MySQL)
簡介:總結在Windows環境搭建PHP開發環境(Apache+PHP+MySQL) 安裝Apache 1、下載Apache,地址:http://www.apachelounge.com/download/,如下圖: 2、解壓壓縮包,最好放到磁碟根目錄,不然配置時容易報路徑
web前端開發技巧(HTML+CSS+Jquery)
HTML+CSS 1.css選擇器 1)偽元素:利用:after偽元素為標籤新增內容,比如:a:after{ content:“¥”}。 2)屬性選擇器,比如:input [ type=text ],用法和jquery的屬性選擇器類似。 3)組合選擇器,A,B 同時匹配兩
搭建jdk+eclipse+meaven+comcat開發環境(一)
首先下載並安裝這幾個開發工具 首先我們我們安裝jdk,然後配置它 jdk安裝只要點下一步即可,不過要記得自己的安裝路徑。 然後我們來配置它:--------》-------》------》 將這幾個整完後(沒有的新建,有的後面直接加,以;分開) 我們查一下jdk是否配置成功
開發環境-Windows下搭建JAVA Web開發環境(含Tomcat+MySQL)-過程記錄
一、新建雲伺服器 (請注意,文中連結均在“http”中“h”後和“www”第一個“w”後多加一“ ”) 1、在"teng xun 雲",新建雲伺服器:Windows Server 2012 R2 標準版 64位中文版 2、登入雲伺服器:h ttps://w
CentOS搭建JDK開發環境(圖形化介面)
1. 建立/usr/java目錄,拷貝安裝包2. 右鍵選擇“開啟終端”,輸入命令“tar -zxvf jdk-8u102-linux-x64.tar.gz”,並按【回車鍵】3. 解壓完成4. 設定環境變數5. 終端輸入命令“vi /et
mac下搭建安卓native開發環境(供rn使用),及rn相關命令
A:搭建安卓native開發環境在http://www.android-studio.org/下載最新的as,按步驟操作,新建工程,會去下載安裝一些gradle相關的東西;還有一些sdk和模擬器可能也需要手動安裝和建立。as的執行依賴於jdk,如果你的mac沒有安裝jdk需要
Eclipse和PyDev搭建完美Python開發環境(Windows+Mac篇)
Mac篇配置更新: 系統:Mac OS X EI Captian 10.11 + Python3.5 主要步驟是一樣的,只是在在第5步配置PyDev外掛的時候,不是“在Window選單中選Preference”,而是點選上面選單欄的eclipse->prefer
搭建keil5的開發環境(MDK和C51)
一、搭建MDK5——開源電子網(裡面包含有STM32需要的一切)www.openedv.com/二、在keil5裡面開發51,需要下載C51的支援包http://www.panduoduo.net/r/33964699keil5的MDK和C51破解註冊都是使用keygen,成
dubbo起步搭建Spring+SpringMVC+dubbo的開發環境(2,provider工程構建)
緊接上一期,構建provider工程 工程目錄如下圖: TestDubbo介面程式碼如下: package dp.dubbo.service; public interface TestDubbo { public String getStr(); } 介面的實現T
搭建OpenWrt開發環境(包括編譯過程)
OpenWrt是一個高度模組化、高度自動化的嵌入式linux發行版,其編譯和安裝過程比普通的linux發行版而言,要簡單太多了。如果您是新手,您那恐懼的心大可放到肚子裡,呵呵。對於新手來說最麻煩的恐怕是安裝開發環境需要的軟體了。 最基本條件: +++++++++++++
Win10 下搭建PHP開發環境(自定義方式)
Apache 安裝 2、下載 3、解壓下載的檔案 4、開啟Apache24\conf下httpd.conf 檔案,修改以下關鍵位置,用記事本或EditPlus開啟即可。 修改預設SRVROOT 的值為Apache 安裝位置即可。 (舊版本需要手動
前端開發環境(開發,除錯,測試工具)
1.前言 本文意在講解grunt入門以及如何搭建前端的開發環境。 2.步驟 a.程式碼編輯工具 這裡推薦使用sublime,這是一款輕量級的編輯器,下載網址:http://www.sublimetext.com/3。 webstorm和atom也是很不錯
Jenkins搭建Maven專案整合開發環境(原始碼庫 Gitlab)
安裝Jenkins 注意:安裝路徑最好選擇沒有空格和特殊符號的路徑,以避免後面踩坑 附:Jenkins官網下載 配置Jenkins 安裝完成後開啟瀏覽器輸入http: