簡潔導航源碼
Ⅰ web前端主流框架主要有哪些
1、Bootstrap
AUI是最近流行起來的,作者聲稱是專為APIClound設計的一套框架,解決了許多移動端開發實際中遇到的許多問題,是一個純CSS框架。使用容器+布局+模塊的構建方式,JS輔助,更自由更靈活更易於擴展使用。遵循Google Material設計規范,完美適配各個機型。面向HTML5,使用CSS3實現動畫交互,輕量級高性能。AUI是使用MIT License授權,你可以復制、出售。目前最新版本2.0。
8、Amaze UI
這是稱為妹子UI的開源框架,據稱是中國首個開源HTML5跨屏前端框架。妹子UI以移動優先為理念,從小屏逐漸到大屏,實現響應式網頁。Amaze UI包含20+個CSS組件、20+個JS組件,更有多個包含不同主題的Web組件。相比國外框架,妹子UI關注中文排版提供本地化支持。面向HTML5開發,使用CSS3來實現動畫交互,輕量級高性能。
9、Frozen UI
Frozen UI是一款開源,簡單易用,輕量敏捷的移動端框架。基於手Q樣式規范,目前全面應用於企鵝手Q增值業務中。基礎樣式效果簡單色調清爽,社區活躍,組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項卡等等常用組件。還包括一個FrozenJs的JS組件庫。可以在主流的Android和IOS上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。當然,根據網友反映,也存在大大小小的bug。不過總體來說,還是值得一用的。奇怪的是,Github上顯示的最後更新時間是一年前,難道已經沒人維護了嗎?
# Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents recursiveness and shows the total size of a folder.# The star wildcard (*) will run on each file/folder in current directory. -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos
還有一個相似的命令 df(Disk Free),使用df會返回有關可用磁碟空間的各種信息。
Ⅱ 目前有什麼比較新穎好用的 網址導航站 的 後台程序
什麼是網址導航
網址導航就是一個集合較多網址,並按照一定條件進行分類的一種網址站,方便網友們快速找到自己需要的網站,而不用去記住各類網站的網址。現在的網址導航一般還自身提供常用查詢工具,以及郵箱登陸、搜索引擎入口,有的還有熱點新聞等功能。
那有 最好最全面的網址導航?主要有下面這些;
fuyeor live 導航、
2345網址導航、
360導航網站、
hao 123、
搜狗網址導航,
萬能導航網,
網路網址大全,
265 上網導航,
9495 網址導航。
Ⅲ 通過手機點了這個鏈接之後可以跳轉到微信支付,這個源碼怎麼寫
微信公司平台帳號注冊後官方首頁很簡單,沒有導航欄目頁面新建等功能。需要通過三方軟體與微信介面做二次開發。首先要在現在微信開個介面,這是要工商局認證的。
Ⅳ bootstrap響應式導航怎麼設置折疊的大小
為了給導航欄添加響應式特性,您要折疊的內容必須包裹在帶有 classes .collapse、.navbar-collapse 的 <div> 中。折疊起來的導航欄實際上是一個帶有 class .navbar-toggle 及兩個 data- 元素的按鈕。第一個是 data-toggle,用於告訴 JavaScript 需要對按鈕做什麼,第二個是 data-target,指示要切換到哪一個元素。三個帶有 class .icon-bar 的 <span> 創建所謂的漢堡按鈕。這些會切換為.nav-collapse <div> 中的元素。為了實現以上這些功能,您必須包含 Bootstrap 折疊(Collapse)插件。
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 實例 - 響應式的導航欄</title>
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="/scripts/jquery.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#example-navbar-collapse">
<span class="sr-only">切換導航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">W3Cschool</a>
</div>
<div class="collapse navbar-collapse" id="example-navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">iOS</a></li>
<li><a href="#">SVN</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Java <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#">jmeter</a></li>
<li><a href="#">EJB</a></li>
<li><a href="#">Jasper Report</a></li>
<li class="divider"></li>
<li><a href="#">分離的鏈接</a></li>
<li class="divider"></li>
<li><a href="#">另一個分離的鏈接</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</body>
</html>
重點分析其與默認導航欄的不同之處:
1、在
<div class="navbar-header">
中添加了一個按鈕:
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#example-navbar-collapse">
<span class="sr-only">切換導航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
如上所述,data-toggle用於告訴 JavaScript 需要對按鈕做什麼, data-target指示要切換到哪一個元素。三個帶有 class .icon-bar 的 <span> 創建所謂的漢堡按鈕。
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
2、項目列表被包裹在了一個另外增加的<div>中
<div class="collapse navbar-collapse" id="example-navbar-collapse">
.collapse {
display: none;
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
@media (max-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
Ⅳ 怎樣辦網頁
v用DW做就行
ASP什麼的 要慢慢學 不過先學會HTML 和DW
網站設計八步驟
由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。 四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。
五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳
網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者.
回答者:陳董事長 - 副總裁 十一級 3-30 10:23
怎樣製作網頁?先說說目前網頁製作流行的三類作法:
一、使用像Dreamweaver、Fontpage一樣的所見即所得的網頁編輯軟體。Fontpage較容易些,會操作Word就會使用它。專業人士一般用Dreamweaver來做網頁,用flash、firework等來美化網頁,有興趣的可以下載網頁三劍客Dreamweaver、flash、firework來試試。
二、使用記事本修改網頁Html代碼,不推薦使用Fontpage等網頁編輯軟體修改的原因是:很多網頁格式如果用網頁編輯軟體打開就會變形,所以直接使用記事本修改網頁Html代碼是最簡潔有效的方法。當然可以去下載強化的HTML工具更好,例如: UltraEdit。
三、其實很多現成網頁模版、網站系統已經做好了,而我們不必再次證明「牛頓定律」浪費我們的寶貴時間。就像PHP論壇程序現在別人做的挺好的(例如Discuz!,PHPwind),我們何苦再去編寫一個論壇程序呢?簡直是費力不討好,並且Bug特別多。當然學習資料庫編程開發的人例外。
怎麼做網站呢?首先我們需要了解一下網站的頁面組成,網站一般包括以下幾部分:
首頁:網站的門面,如同公司的形象,特別注重設計和規劃。
次頁:網站的主要導航結構頁面,講究風格的一致性,並於首頁呼應。
普通頁:網站主要的承載信息的頁面,設計要求不高,但要求鏈接准確、文字無誤、圖文並茂,並沿襲網頁的風格。
彈出頁:一般用於廣告、新聞、消息、到其他網站的鏈接等等,一般用的很少。
通過上面的分析,我們可以看出:
從功能上來看,首頁主要承擔著樹立企業形象(當然不僅僅是首頁)的作用,次頁在導航方面起著重要的作用,比如各欄目內部主要內容的介紹,都可以在次頁中體現再進入普通頁,讓瀏覽者能夠迅速了解網站各欄目的主要內容,擇其需要而瀏覽,而普通頁則是主要的信息頁面,也是網站的最終頁面,對於大型網站,這種結構非常重要,而對於中小型企業,網站規模較小、頁面數量不多,有時次頁就起著普通頁的作用,至於彈出頁,建議您不是必要,最好不要用。下面詳細介紹各頁面的設計技巧:
一、首頁設計技巧
網站首頁是企業網上的虛擬門面,在此,提醒上網的企業注意自己門面的設計,決不能敷衍了事、馬馬虎虎。我們會經常看到印刷精美的產品目錄或廣告,當您屢屢看到那些印有產品目錄或廣告的精美印刷製品的時候,相信您或多或少會對有關的產品形成一種好感,即使您不會購買,也必然對這些產品形成一定程度的認同。而對於設計毛糙的宣傳品,您肯定會懷疑其內容的真實性,從而對其產品或服務產生質疑。好,現在說說網站的設計,相信您會同意這種說法:網站的頁面就好比是「無紙的印刷品」。既然如此,我們會因此而得出一個結論:精良和專業網站的設計,如同製作精美的印刷品,會大大刺激消費者(訪問者)的購買慾望,反之,您公司所提供的產品或服務將不會給消費者(訪問者)留下較好的印象。值得一提的是,除非您的企業有專業的網站規劃、設計人員,否則您最好找專業公司或專業人員為您設計製作,一個優秀的專業設計人員會很快明白您的意圖,並根據您的建站目的提出建設性的意見。
一般來說,網站首頁的形式不外乎有兩種,一種是純粹的形象展示型,這種類型文字信息較少,圖像信息較多,通過藝術造型和設計布局,利用一系列與公司形象和產品、服務有關的圖像、文字信息,組成一幅生動的畫面,向瀏覽者展示一種形象、一個氛圍,從而吸引瀏覽者進入瀏覽。這需要設計者具有良好的設計基礎和審美能力,能夠努力挖掘企業深層的內涵,展示企業文化。這種類型的首頁在設計過程中一定要明確要以設計為主導,通過色彩、布局給訪問者留下深刻的印象,當然,我們不能為了設計而設計,我們的目的是營銷,在設計過程中一定要牢記這一點!
另一種是信息羅列型,一般的大、中型企業網站和門戶網站常用的方式,即在首頁中就羅列出網站的主要內容分類、重點信息、網站導航、公司信息等等,這種風格比較適合網站信息量大,內容豐富的網站,因為是以展示信息為主,這是的設計就要在細微之處體現企業形象,建議設計人員最好仔細閱讀企業的CI手冊,熟悉企業標志、吉祥物、字體及用色標准,在網站的局部體現出來,往往平淡之中一個優美的符合企業特點的曲線就能夠給人以深刻的印象,從而將企業形象印在瀏覽者的腦海里。設計人員在設計過程中要注意使用這些語言符號來表達一種獨特的企業信息。
網頁設計時注意事項:
1.不要花里胡哨。
2.要有風格,要突出行業的特點。比如娛樂業熱烈活潑些,政府網站則要莊重些;收藏書畫業要古樸典雅,策劃時裝業則要前衛些。
3.一張網頁一般兩屏到三屏就可以了,不要太長,會影響你的網頁打開的速度。如果內容實在太多,應該分作幾個頁面,或者分為幾個二級欄目。
對初次建站的用戶來說,製作網頁是件頭疼的事情;對於由別人幫助建站的用戶來說,網站的後期更新維護可能更令人頭疼。缺乏專業人才及專業知識,讓大家對建站望而生畏。推薦您選購『自助建站專賣店』自助網站系統,由於不需要專業人員製作網站程序,且SOHO個人工作室不像公司那樣牽扯分享利益的人多而成本高,我們所提供的網站建設價格在市場上具有很強的競爭力。我們更懂得每一個網站的製作質量都是下一個網站的廣告。三大承諾,放心選擇:「免費試用滿意後再付款」「主機空間正式付款7天內無條件退款承諾」「100%網站及域名所有權」。為進一步免除您的後顧之憂,近期還計劃安裝支付寶等第三方網上支付手段,讓大家放心購買。用戶進入網站後台後,自己就可以在現有模板上對網站內容進行更新,不用再為如何製作網頁擔心,『自助建站專賣店』銷售數十種正版品牌建站軟體,享受自動升級服務和相關的技術服務(定製模版+內容更新)
Ⅵ 做好一個網站了怎麼設置關鍵詞在哪設置
網站關鍵詞設置在網頁代碼keywords中添加。
網站三大標簽:
title:網頁標題,盡量簡潔,沒意義的詞盡量不要加入到標題中,避免干擾到搜索引擎識別網站主題(標題在三十個以內)。
description:對網頁描述的一個概述。
keywords:提取頁面中的主要關鍵詞,數量控制在三到六個內。想方設法讓主關鍵字都出現。
(6)簡潔導航源碼擴展閱讀:
互聯網有一項著名的8秒原則:客戶在訪問網站時,假如下載需要太長時間,他們就會放棄訪問。據調查有近50%的用戶由於網頁速度不穩定或頁面下載速度過慢,而停止訪問曾經推崇的網站。
指我們網站打開的速度怎麼樣,是用1s就能打開,還是需要5S,甚至更長。
如果很短的話,比如:0.5S,那麼恭喜您,你的網站的速度是很不錯的。高於3-5秒,就是很不理想的值了,假如時間超過8秒瀏覽者就會感到不耐煩甚至就直接封閉網頁了。
Ⅶ 求一個html+css的多級導航的最簡潔的源代碼,樣式隨便,希望不是百度復制來的,想用於學習。
就算是復制來的也沒事啊,重要的是你能理解就可以了
html+css 多級的基本原理也就是嵌套
<ul>
<li><ahref="#">Loremipsumdolor.</a></li>
<li><ahref="#">At,minimareiciendis.</a></li>
<li><ahref="#">Repudiandae,necessitatibusrerum.</a>
<ul>
<li><ahref="#">Loremipsumdolorsit.</a></li>
<li><ahref="#">Doloribus,porrodictavero!</a></li>
<li><ahref="#">Magnamipsumdoloremsequi.</a></li>
<li><ahref="#">Similiquesaepe,voluptatumrepellat.</a></li>
</ul>
</li>
<li><ahref="#">Et,nonvoluptate?</a></li>
</ul>
Ⅷ 如何把網站快速優化到首頁
1、提升用戶的體驗,用戶來到網站,訪問頁面載入速度一定要滿足用戶,頁面打開速度5秒前是為比較理想的,超過這個時間值,必然間接地流失用戶,所以伺服器的響應速度這是最基礎也是很重要的事情,而我們就是優化好打開頁面的速度。
2、網站整體色調符合網站主題,不要出現刺眼,反光,影響用戶閱讀的因素存在,排版是否整齊,段落要分明,不要出現混亂現象。
3、網站圖片:豐富頁面內容元素,圖片是必不可少的,那麼我們需要做的事情很簡單,盡可能在不失真的情況下壓縮圖片再傳至網頁。網路是不識別圖片的,所以給圖片添加Alt屬性是非常重要的。
4、文章著陸面的優化:主題與著陸面要符合,相關性要高,主題內容要突出,要清楚知道自己網站的定位,用戶群體來決定文章內容。
5、網站元素的豐富性,在網站首頁、列表頁、詳情頁加上利於用戶二次瀏覽的鏈接,引導用戶進行二次瀏覽降低跳出率,比如:最新、最熱、好文推薦,相關閱讀等插件,輔助用戶了解網站更多信息。
6、網站不要出現自動彈窗廣告,網站自動咨詢窗口等信息,一兩次還好,每隔幾秒又跳出一個窗口會讓用戶很反感的。嚴重影響用戶在網站的體驗,打斷用戶閱讀瀏覽,這種網站遲早被用戶淘汰無人問津。
Ⅸ 旅遊系統開發一般多少錢採用開發語言比較好
開發語言Java,Java,Python,C ++和C
媒體/娛樂/游戲行業中,Java排行第一,Java第二,Python第三,PHP第四
功能模塊設計
1、GPS導航與地圖指引模塊:提供目的地的地圖指引和GPS導航;
2、圖文分享與行程記錄模塊:支持旅行行程記錄;支持的圖文所包含信息的豐富度,包括用戶是否可以上傳照片、文字,並可以標注位置、時間、標簽等信息;
3、景點及商家信息模塊:提供景點、餐飲、酒店、租車等目的地服務的詳細介紹和內容(包括各類攻略及游記);
4、打分與點評功能模塊:可查看商家及景點的點評情況;可對商家和景點進行點評;
5、社交模塊:分享的便利性及用戶的參與性與互動性;
6、旅遊產品及預訂模塊:顯示門票、酒店等的價格和預訂鏈接;是否提供預訂功能
7、個人中心模塊:紀律個人信息和訂單狀態,社交狀態
8、大廳模塊:用戶上傳的圖片已經信息可以分享給全網用戶
根據以上模塊定價格,更多了解:風華正茂科技
Ⅹ 如何開始使用PyCharm,並擁有一個高效的Python IDE
如何開始使用PyCharm,並擁有一個高效的Python IDE
編輯器與IDE之間的辯論正變得老舊和無聊,因為這是一個zero sum game(零和游戲或者叫零和博弈,表示所有博弈方的利益之和為零或一個常數,即一方有所得,其他方必有所失。)
我已經使用Emacs長達15年了,我使用它閱讀我的郵件,瀏覽網頁,製作咖啡(我們不能做所有的事情嗎?)但是,今天我發現,通過在工作上使用合適的工具,能夠變得更加高效。
強大的編輯器,如Emacs和Vim太棒了。我發現令人費解的是有些編輯器或IDE進行基本操作的時候,如搜索和替換非常笨重,而Vim的和Emacs操作起來恰到好處。
然而,搜索注入「將Vim作為一個Python IDE」或者「將Emacs作為一個Python
IDE」,都會返回成千上萬的鏈接,這表明人們想要這樣的一些功能,如智能完成,代碼導航和項目支持等等。為了給你一點數據,我最熱門的帖子之一就是如何配置Emacs作為一個Python
IDE,即使到今天已經過了三年。
PyCharm是最流行的Python
IDE之一,因為它具有強大的功能。在這篇文章中,我將展示如何開始使用PyCharm,並很快具備一個高效的Python開發環境。我使用Mac上的PyCharm3.0.2專業版(他們有一個開源版本以及)上。我使用的是大量修改了默認按鍵的鍵盤映射(也有Emacs和Vim鍵盤映射表)。我建議你參考官方的Mac和Windows/
Linux的默認快捷鍵。
初步使用
當您第一次啟動PyCharm的時候,他會問你要使用的鍵盤布局和主題。我不喜歡它的Emacs鍵盤映射,所以我用的是默認的Mac OS X鍵盤映射並且自定義了我想要的快捷方式:
如果這是你第一次使用PyCharm,並沒有什麼配置可以導入的。你可能會想在歡迎屏幕中點擊「配置」,設置一些基本的配置:
我喜歡顯示出行號和方法分隔符(Editor→Appearance→Show method separators, Show line numbers):
另外,我喜歡Solarized主題。我遵循指示安裝了它,並選擇它作為編輯器的默認主題→顏色和字體。 淺色版的Solarized
IntelliJ有一些奇怪的顏色選擇(例如,它採用灰色為默認的文本,而不是更清晰的黑色),所以我在編輯器上進行了修改→Colors &
Fonts→General。我的建議是不要害怕修改顏色為你自己喜歡的。你可以導出你的配置,以防你需要重新安裝PyCharm。
相比於別的一些IDE,我覺得PyCharm在視覺上的效果上非常干凈,如果你想要一個更簡潔的用戶界面,您可以隱藏工具欄,工具按鈕,導航欄和狀態欄(在視圖菜單上):
Virtualenv和Python解釋器
您可以創建新的項目文件→File→New Project or open an existing project
withFile→Open Directory。
PyCharm支持多種類型的Python項目,如Django,Flask等等。在這里,我將創建一個簡單的項目,以測試pyquery庫(我會選擇「Empty
project」)。
你需要告訴PyCharm你想用哪個Python解釋器,因為它可以使用不同的解釋器對於不同的項目。它將利用這些信息來索引的所有可用的庫。一個好的做法是對於每個項目建立一個virtualenv。您可以使用一個已經存在的virtualenv或從PyCharm創建一個新的(Settings→Project
Interpreter→Python Interpreters)。
對於這個項目,我將創建一個新的virtualenv並使其用於所有的項目:
您可以快速搜索,閱讀說明,並從PyCharm安裝軟體包。沒有什麼是你在在終端上不能做的,但它能夠使你無需離開IDE,更加方便地夠搜索包。
一些軟體包可能需要安裝一段時間,特別是如果他們需要進行編譯。 PyCharm運行安裝過程是在後台,你可以通過單擊狀態欄看到正在發生的事情:
正如我們所看到的,它不僅安裝pyquery報,所依賴的包,如lxml也一並安裝(正如我們所期望的):
快捷鍵
PyCharm是沒有Vim的,但你也可以只靠鍵盤做很多事情。您可以將快捷方式設置到幾十個(如果不是數百個)快捷動作在Settings→Keymap。我修改了相當多的默認鍵盤映射,因為我喜歡有像Control-a,
Control-e, Control-k,and
Control-y那樣的快捷鍵,而這幾個快捷鍵在默認情況下多用於文本框,並沒有設置默認在「Mac OS
X」的鍵盤映射。您還可以定義滑鼠快捷鍵。舉例來說,我使用Option-Click來改變快速文檔。如果你是一個Vim的用戶,您可能希望嘗試一下IdeaVim,一個Vim的模擬器插件。我聽說過這個好東西,但我沒有機會去嘗試它。
我用的是Dvorak keyboard layout,但煩人的是,一但用到不對的快捷鍵就會有bug。有人反映了這個問題,French Canadian and German layouts也有這個問題。這意味著我必須重新綁定不少的快捷方式來避免這個問題。
PyCharm使用功能鍵,如F1和F2等很多。正如你可能知道的,在Mac上,頂部的按鍵多作為默認「多媒體」鍵,並通過按下Fn鍵的來生效。我們可以在System Preferences→Keyboard交換這種方式。
我希望能夠控制音量和改變亮度,而不需要使用Fn鍵,但我也喜歡使用功能鍵,而無需觸碰較遠的Fn鍵(我很懶惰,我能說什麼?)。我用Palua在「多媒體」和功能鍵之間切換。你可以用全局鍵切換,也可以配置Palua在使用特定應用程序時,自動切換。我為所有應用程序使用多媒體鍵的(默認值),並配置Palua為Xcode和PyCharm使用功能鍵。
外部編輯器
PyCharm可以啟動任何外部工具,所以我將其配置用Emacs來打開當前文件。當你想要利用你喜歡的編輯器(Emacs,Vim,TextMate等等)做一些快速編輯,這非常有用。
進入Settings→External Tools,確保「Open console」未選中,將路徑插入程序,參數(在這種情況下,我們可以用FilePath來得到完整的文件名)和工作目錄(ProjectFileDir/ FileRelativeDir /)。
你可以把它分配給一個快捷方式:
現在它可以從菜單欄獲得。
運行代碼和REPL
PyCharm有很多方式來讓我們運行代碼。我們可以用古老的print 函數(或聲明語句,這取決於你的Python版本),在REPL導入代碼,發送代碼到控制台,使用調試器,或在終端上使用IPython。
列印輸出
使用列印來顯示值是一個有用的並被廣泛使用的技術,但是如果不小心使用的話,它可能會導致混亂的代碼。
如果該文件已被選中運行,我們可以通過單擊「play」按鈕或Control-R來開始。
如果沒有選擇文件來運行,會從上下文菜單中選擇一個文件,用Control-Option-R或右擊來運行她。 PyCharm會記住你的選擇,下一次你可以繼續使用Control-R。這聽起來很復雜,但它其實非常簡單。檢查手冊,以便了解更多的信息。
控制台和REPL
我最喜歡的方法是在REPL運行代碼。您可以在PyCharm的工具欄中打開一個Python控制台,Tools→Run Python
Console(我已經分配到Control-C)。它會使用IPython(如果可用)(我建議你在virtualenv內安裝IPython),並將當前文件的路徑添加到Python的路徑。在控制台上,你可以像往常一樣導入你要來執行的功能。
在控制台中補全功能仍然可用:
我們可以像平時一樣正常使用已經導入的函數,並且可以利用⌘–4輕松切換控制台的可視性。
在控制台執行所選擇的代碼
如果我想運行的代碼是多了幾個單行,並沒有編寫正式的單元測試(例如,可能我玩的是數據)我可以將它保存在一個臨時文件。我們可以選擇我們想要運行的代碼(通常我只需要利用⌘-A選擇整個文件),並選擇從上下文菜單中選擇「Execute
Selection in Console」(或者,更好的方式,使用鍵盤快捷鍵)。 [我省略了一些菜單項中的截圖以使文章短一些。
在下面的例子中,標題變數在控制台中可用,因為我們在控制台中選擇整個臨時文件來執行:
宏
如果我們可以在一個操作中發送整個文件到控制台,那就太好了。幸運的是,我們可以記錄一個宏。選擇Select
Edit→Macros→Start Macro Recording and performthe operations as
before(選擇整個文件,發送到控制台,切換到控制台)。正如你所看到的,我的宏只有四個動作(我按向下箭頭鍵取消選擇):
當您錄制的宏已經在宏菜單,你可以分配給它快捷方式(我使用Control-C Control-E,但由於某些原因PyCharm只顯示兩個快捷方式的一半)。
調試
很多人喜歡使用調試器來檢查數據。即使我喜歡使用REPL,有時調試程序更有效,在檢驗復雜的對象時尤其如此。
PyCharm不允許你在一個空行設置一個斷點,因此,在這短短的例子,我不得不添加一個額外的行(我使用print函數,但我本可以使用pass),因為我想要調試停止在設置的headlines變數後。在真正的代碼中,很少有這個必要。
IPyhton
最後,利用IPython來運行外部終端並使用一些功能,比如%run和自動重載沒有任何不妥。
搜尋命令
這很容易變得不知所措,因為有這么多的命令。如果您在Mac上使用PyCharm,你可以像往常一樣使用Help→Search,或者您可以在任何平台上使用Help→Find
Action。它可以讓你搜索任何PyCharm命令,包括不能從菜單中獲得的。
(Emacs的使用者會注意到這有點類似於Emacs的M-X)。這是非常有用和強大的功能,我一直使用它。
代碼補全
代碼補全功能在PyCharm上是一流的。默認情況下PyCharm會在你輸入的時候給出建議:
由於此功能可有點耗電,你可以通過選擇File→Power Save Mode來禁用它。您仍然可以通過Control-Space顯式使用這一功能。
在輸入的時候,您可以通過鍵入一個子串來縮小建議列表:
或者,您可以鍵入CammelCaseClasses或function_names_with_underscores的第一個字母:
如果您鍵入Ctrl-Space一次,PyCharm將嘗試列出最相關的項目:
如果你再次鍵入Control-Space,將列出它所知道的每一個名字。這可能是壓倒性的,但要注意,它列出了沒有導入的文件 bar.py中的函數name_of_mother。
但往往你只是想補全在打開的緩沖區中的一個局部變數的名稱。很久以前可以在Emacs和Vim實現這一功能,二現在也可以在PyCharm上實現。手冊將其稱為Hippie
Completion,但實際的命令名稱(即,你會發現在Find Action的那個名字)是「Cyclic Expand
Word」,並且在我的測試中,它甚至對文檔字元串有效。
代碼補全可能無法在某些情況下工作,比如當一個庫沒有類型提示。這個StackOverflow頁面建議在PDB中設置斷點並用dir列出所有可能的屬性。一個類似的解決方案是在PyCharm創建斷點,並執行一條表達式——通過在調試工具欄點擊最後一個圖標(或使用適當的鍵盤快捷鍵)。在這種情況下,我計算的表達式是「dir(r)」。
訪問文檔
PyCharm有三種方式可以訪問文檔:快速定義,快速文檔,外部文檔,以及參數信息。您可以從查看菜單或者從各自的快捷方式去訪問它們。
快速定義將顯示整個定義的符號(類,方法,功能等)的(廢話!),當然也包括文檔。如果你只是想快速瀏覽一下的定義,而跳躍到它是很有用的。
快速文檔將顯示符號的文檔和簽名。
最後,外部文檔,以及參數信息是非常簡單的。第一個在默認瀏覽器中打開文檔,第二個給出了一個函數或方法(例如快速查詢關鍵字參數的名稱是很有用)參數信息。
外部文檔工作外適用於Python(當然),PyQt4,PySide,GTK,WX,numpy,SciPy,和kivy,並且您可以為外部文檔添加路徑,在Settings→Python External Documentation中設置。
代碼質量
當你在打字的時候,PyCharm會檢查你的代碼是否符合PEP8。它會讓你知道,你是否有太多的空格或空行等等。如果你願意,你可以配置PyCharm運行pylint作為外部工具。
在源代碼找到自己的方式
當你掌握了它的導航命令時,PyCharm開始變得強大起來。它可以跳轉到類,函數等等。在Mac上你可以利用⌘-B或者⌘-Click跳轉到類,方法,函數,變數的定義,同樣在Windows和Linux上使用 或Ctrl-B或者Ctrl-Click。
導航到類,文件或符號的機制幾乎是一樣的。在你輸入一個字元串的時候,你將看到一個對話框,包括你當前項目以外的項目,同市匹配過濾的結果。轉至導航菜單或使用相應的鍵盤快捷鍵:
這是一個類定義典型的對話框:
你可以輸入名稱的一部分,包括文件擴展名。舉例來說,如果你想打開Django項目的一個JavaScript文件是,但又不記得它的名字,你可以搜索「.js」。
這些功能使我們能夠非常快速地瀏覽源代碼。假設我們正在研究Django的源代碼,我們希望看到的是功能實現的過程。我們不知道它的定義,所以我們去Navigate→Symbo(⌥-⌘-O),輸入「render」,並選擇第一個選項(我們可以看到它在django.shortcuts定義)。如果我們隱藏了導航欄,我們可以使用Navigate→Jump到導航欄(⌘-↑),快速顯示它並查看該文件定位(django→django→shortcuts.py):
有時在去掉你並不感興趣的那部分東西之後,代碼補全的效率會更高。在下面的例子中,我刪除相關的JavaScript的結果,得到了一個更加簡潔的列表:
PyCharm可以讓你折疊塊,如類,方法和函數,但你可以創建自己的可折疊的區域。當涉及到成組的一些東西時,就很有用(類,方法,函數等)。這些模塊可以折疊的話,會使我們能夠專注於代碼的特定區域。你可以通過Navigate→Custom
Region或使用相應的鍵盤快捷鍵來顯示列表文件中的所有區域。遺憾的是有沒有辦法在一個工程中列出所有區域。
單元測試
在我們可以運行測試文件之前,我們需要添加一個新的運行/調試配置。我們去Run→Edit Configurations,然後點擊在左上角的加號按鈕。然後,我們選擇「Python tests」,開始測試。在這個例子中,我將使用單元測試:
最後,我們需要添加這些測試的文件夾,並選擇正確的Python解釋器:
現在就像我們運行代碼一樣,我們可以運行我們的測試:通過點擊工具欄或者選擇Run→Run(Control-⌥-R)。這將打開一個對話框,你可以在對話框中選擇你想要運行的代碼(你可以運行別的)。您可以進行所有測試或僅測試游標。
當你運行測試是,PyCharm會記住你最後的選擇,這樣你就可以利用Control-R來重復測試。這非常有用,如果你解決了一個特定的測試情況,並希望多次運行它,但不運行其他測試。你並不需要定位到你想要運行的測試文件;你可以從任意文件中運行測試。您可以通過選擇Navigate→Test(或相應的熱鍵)完成代碼的測試。
處理多個文件
正如你看到的那樣,PyCharm為每一個文件使用一個標簽
要切換到標簽,我們可以使用命令選擇下一個標簽或者選擇上一個標簽。默認快捷鍵是Control-→ 和Control-←,但OS X使用這些按鍵,讓我重新綁定它們至Control-⌘-N
和Control-⌘-P(在終端我使用同樣的快捷方式切換標簽頁)。
一個更直接的方法選定標簽就是使用Navigate→File,或者View→Recent Files(⌘-E)和View→Recently
Changed
Files(⇧-⌘-E)。最後兩個命令將顯示文件,你可以通過輸入子串來縮小選擇范圍。在下面的例子中,我只需要輸入「⌘-E」,「S」,「ENTER」鍵進入scratch.py文件的標簽:
多窗口
PyCharm支持多窗口,雖然不如Emacs中那麼優秀,但也足夠用了。
在默認情況下沒有已分配的快捷方式來處理分割窗口,所以你必須自己做。這些是我用的快捷鍵:
垂直分割,Control-S
水平分割,Control-H
非剖分,Control-C Control-U
非剖分所有,Control-C Control-A
轉到下一個分離器,Control -C Control -N
轉到上一頁分離器,Control -C Control -P
移動到相對組,Control -C Control –M
再有兩個窗格的情況下拖動標簽比較方便。
總結
PyCharm可以為我們做很多事情。我們看到了如何使用virtualenv,定義快捷鍵,使用外部編輯器,運行代碼,定義宏,找到查找操作命令,可以高效地進行代碼完成,訪問文檔,瀏覽源代碼,運行單元測試,並處理多個文件和分割的窗口。
而這些只是表面文章。我們還沒有談論編輯,版本控制,插件,調試(本地和遠程),模板,使用捆綁的TextMate,網路開發等等更多的功能。
我建議你檢查PyCharm的官方文檔,包括快速入門指南和在線幫助。此外,Andrew Brookins從Vim用戶的角度寫了一片很好的PyCharm評論。我推薦你去閱讀一下,即使你不使用Vim。