notepa++ Emmet的安装方法
<div id="cnblogs_post_body" class="blogpost-body blogpost-body-html"><div><div><div><div><p>百度搜索了好半天竟然没有Emmet的安装方法，本以为安装Emmet是一件很简单的事情，就像是安装其他插件一样把下载的插件放到plugins下面就ok了，其实远没有这么简单。它需要在需要 Python Script 的支持，因此这两款插件必须同时安装才能使用它。但是又发现Python Script的安装也是相当的奇葩。但是为了这个插件的强大性和方便性。经过多方面查究，终于弄明白了它的安装过程，特整理下来，方便不明白的人参考。 </p></div></div></div></div><div><h2><a name="section-2" rel="noopener"></a>工具/原料<button class="cnblogs-toc-button" title="显示目录导航" aria-expanded="false"></button></h2><div data-text="" data-for="" data-index="1"> </div><div><ul><li><div>Notepad++</div></li><li><div>Emmet</div></li><li><div>Python Script</div></li></ul></div></div><div><h2><a name="section-3" rel="noopener"></a>方法/步骤<button class="cnblogs-toc-button" title="显示目录导航" aria-expanded="false"></button></h2><div data-text="" data-for="" data-index="2"> </div><div><ol><li><div> </div><div><p>首先当然是要下载Notepad++，没有他你的插件也没法安装呀。一般直接百度</p><p>notepad++，百度给推荐的这个就很好用。notepad++是开源的，随便一个都不用担心使用过程中出现问题的。</p></div><div><div><a href="http://jingyan.baidu.com/album/f3e34a12ded3dcf5eb6535c2.html?picindex=1" target="_self" rel="noopener"></div></div></li><li><div> </div><div><p>安装Emmet插件，这个一般也比较简单，就是把下载的文件安装到Notepad++目录下面的plugins下面即可。这样emmet插件就算安装完了，重新打开notepad++，在插件下面就可以看到他。当然就算你看到，当你想使用的时候发现是不起作用的。那就需要安装Python Script了。</p></div><div><div><a href="http://jingyan.baidu.com/album/f3e34a12ded3dcf5eb6535c2.html?picindex=2" target="_self" rel="noopener"></div></div></li><li><div> </div><div><p>安装Python Script，他是最麻烦的一键事情，我是走了好多弯路才安装成功的。一开始也是以为直接把插件放到plugins下面就可以了。但是启动Notepad++的时候发现报错。这可郁闷死我了，感觉要成功的样子.下面我就开始讲一下重点了。</p></div><div><div><a href="http://jingyan.baidu.com/album/f3e34a12ded3dcf5eb6535c2.html?picindex=3" target="_self" rel="noopener"></div></div></li><li><div> </div><div><p>下载的文件一个是PythonScript_1.0.8.0.msi这个格式的。这时候你就要解压一下（右键解压到当前文件夹就可以了），解压出一个文件夹如图所示。我们需要的是里面的PythonScript这个文件夹。里面红框的四个文件是重点，其他可以忽略不用。</p></div><div><div><a href="http://jingyan.baidu.com/album/f3e34a12ded3dcf5eb6535c2.html?picindex=4" target="_self" rel="noopener"></div><div><a href="http://jingyan.baidu.com/album/f3e34a12ded3dcf5eb6535c2.html?picindex=5" target="_self" rel="noopener"></div></div></li><li><div> </div><div><p>然后将python27.dll文件复制到Notepad++安装目录的根目录下。</p></div><div><div><a href="http://jingyan.baidu.com/album/f3e34a12ded3dcf5eb6535c2.html?picindex=6" target="_self" rel="noopener"></div></div></li><li><div> </div><div><p>最后把其他三个文件放到plugins文件夹中就ok了。</p></div><div><div><a href="http://jingyan.baidu.com/album/f3e34a12ded3dcf5eb6535c2.html?picindex=7" target="_self" rel="noopener"></div></div></li><li><div> </div><div><p>最后重新打开软件，安装完Emmet后，强烈建议更改 Expand Abbreviation 的键盘快捷键为Tab键。打开Notepad++设置 > 管理快捷键…对话框，切换到 plugin commands，选中 Expand Abbreviation 项，修改其快捷键为Tab键即可。</p></div><div><div><a href="http://jingyan.baidu.com/album/f3e34a12ded3dcf5eb6535c2.html?picindex=8" target="_self" rel="noopener"></div></div></li><li><div> </div><div><p>最后的最后测试一打开 HTML 或 CSS 文件->按语法编写指令->按下 TAB 键->生成！例如：ul>li*5,后按下tab键，就是制动生成了一个5个li.</p></div></li></ol></div></div></div><div id="MySignature" role="contentinfo"> 看看</div><div class="clear"></div><div id="blog_post_info_block" role="contentinfo"> <div id="blog_post_info"><div id="green_channel"> <a href="javascript:void(0);" id="green_channel_digg" onclick="DiggIt(10690507,cb_blogId,1);green_channel_success(this,'谢谢推荐！');">好文要顶</a> <a id="green_channel_follow" onclick="follow('7ef1d655-1eb5-45b6-5587-08d54dba4453');" href="javascript:void(0);">关注我</a> <a id="green_channel_favorite" onclick="AddToWz(cb_entryId);return false;" href="javascript:void(0);">收藏该文</a> <a id="green_channel_weibo" href="javascript:void(0);" title="分享至新浪微博" onclick="ShareToTsina()"> <a id="green_channel_wechat" href="javascript:void(0);" title="分享至微信" onclick="shareOnWechat()"></div><div id="author_profile"> <div id="author_profile_info" class="author_profile_info"> <a href="https://home.cnblogs.com/u/my2018/" target="_blank"> <div id="author_profile_detail" class="author_profile_info"> <a href="https://home.cnblogs.com/u/my2018/">我是谁，我在做什么</a><br> <a href="https://home.cnblogs.com/u/my2018/followers/">粉丝 - <span class="follower-count">0</span></a> <a href="https://home.cnblogs.com/u/my2018/followees/">关注 - <span class="following-count">3</span></a><br> </div> </div> <div class="clear"></div> <div id="author_profile_honor"></div> <div id="author_profile_follow" class="follow-tip"> </div></div><div id="div_digg"> <div class="diggit" onclick="votePost(10690507,'Digg')"> <span class="diggnum" id="digg_count">0</span> </div> <div class="buryit" onclick="votePost(10690507,'Bury')"> <span class="burynum" id="bury_count">0</span> </div> <div class="clear"></div> <div class="diggword" id="digg_tips"> </div></div><script type="text/javascript"> currentDiggType = 0;</script></div> <div class="clear"></div> <div id="post_next_prev"></div></div> </div>
页:
[1]