简洁导航源码
Ⅰ 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。