1.盘点23个提高开发效率和美观性的代码代码 VSCode 插件!
2.如何在OneNoteforWindows10中插入语法高亮的程序代码
3.OneNote如何插入语法高亮的代码
4.word2013中如何使用代码高亮插件
5.linux Vi编辑器代码高亮设置及永久显示行号的方法
6.怎样看网页代码？

盘点23个提高开发效率和美观性的 VSCode 插件!

       VSCode插件集合，提升开发效率与美观性

       VSCode是高亮高亮一款功能强大的源代码编辑器，提供了语法高亮、源码原理代码自动补全、代码代码代码重构等功能，高亮高亮内置命令行工具与Git版本控制，源码原理bizpower商城系统源码支持多种编程语言与调试功能。代码代码本文为您推荐款VScode插件，高亮高亮涉及美观、源码原理编程、代码代码效率等多个方面，高亮高亮满足不同开发需求。源码原理

       美观类插件：

       CodeSnap：轻松生成高分辨率精美代码

       :emojisense:：为Markdown文档或命令行添加表情，代码代码提升编程趣味性

       Marquee：改造编程主屏幕，高亮高亮展示新闻、源码原理谁有银行柜面源码天气等信息

       Material Theme：安装不同主题，自定义编辑器外观

       Bookmarks：为文件特定行添加书签

       Bracket Pair Colorizer：给括号添加不同颜色，区分区块

       vscode-icons：更换更好看的文件图标

       前端编程类插件：

       Vetur：为Vue项目提供语法高亮、智能感知等

       Auto Close Tag：自动闭合HTML/XML标签

       Auto Rename Tag：自动重命名HTML/XML标签

       formate: CSS/LESS/SCSS formatter：格式化CSS/LESS/SCSS，增强可读性

       Live Server：为静态和动态页面启动本地服务器

       Debugger for Chrome：将JS代码调试嵌入Chrome浏览器

       C/C++编程类插件：

       C/C++：为VSCode添加C/C++语言支持，包括IntelliSense和Debugging

       C++ Intellisense：为C/C++提供智能感知

       CMake Tools：为VSCode添加CMake支持与感知

       Python编程类插件：

       Python：为VSCode添加Python语言支持，包括IntelliSense和Debugging

       Jupyter：为VSCode添加Jupyter Notebook功能

       效率类插件：

       Git Graph：可视化Git提交流程

       koroFileHeader：格式化文件头部注释与函数注释

       Code Runner：直接运行多种语言代码片段或文件

       Better Comments：提供特定类型注释的高亮

       CodeTime：分析每天敲代码时间

       推荐技术交流群与资源获取方式：

       本文建有技术交流群，欢迎进群获取最新优质文章、岗位推荐与互动交流。添加微信号：dkl，备注研究方向、学校/公司与知乎，即可入群。

       关注Python与数据挖掘知乎账号与公众号，复制涨停指标源码快速获取最新技术资讯与学习资源。

如何在OneNoteforWindows中插入语法高亮的程序代码

       从很多计算机程序 IDE，复制代码，然后粘贴到 OneNote 里，都会丢失掉代码语法高亮的颜色。

        

       珍宝菜单 Gem Menu for OneNote UWP 现提供对计算机程序代码进行语法高亮，然后再插入 OneNote UWP 里。

从 IDE 复制代码，打开珍宝菜单的代码语法高亮功能 首先，从 IDE 中复制代码。 然后，打开珍宝菜单的代码高亮。在珍宝菜单 Gem Menu for OneNote UWP 中，点击“插入”菜单 –》“代码高亮”菜单项。php 反射提取源码  粘贴代码，选择计算机程序语言源代码类型 

       在弹出的代码高亮窗口中，粘贴代码。

       然后，选取代码的类型、编辑样式。

       按确定，就会生成语法高亮的代码，并插入 OneNote 里。  插入的语法高亮了的代码 

       最后，我们看到语法高亮了的代码插入到 OneNote for Windows 的当前页面里。  代码高亮的选项 

       珍宝菜单 Gem Menu for OneNote UWP 现支持以下选项。

        

       代码语言（计算机程序语言代码类型）： ARM, ASP, Assembler, AutoHotKey, C and C++, C#, CSS, DOS Batch, HTML, INI, Java, Javascript, JSP, Make, Matlab, Microsoft PowerShell, Objective C, Pascal, Perl, PHP, Ruby, Python, PL/SQL, TeX and LaTeX, Transact-SQL, Visual Basic, XML, R, Swift 

       编辑样式（代码颜色配置样式）： Anjuta, Eclipse, Emacs, Flash, JEdit, Vim, Visual Studio, Xcode 

       字体：代码使用的字体。

       大小：代码字体的辅助介绍页源码大小。

       底色：代码块使用的背景色。

       粗体：代码进行加粗显示。

       边框：是否使用边框把代码框起来。

       行号：给代码添加行号。  演示

OneNote如何插入语法高亮的代码

       现在提供插入语法高亮的程序代码功能。  在“编辑”选项卡的“插入”组里，点击“语法高亮”功能。  在“源代码语法高亮”窗口中，我们可以选择高亮的

       源代码类型：C and C++, C#, CSS, HTML, Java, Javascript, Perl, PHP, PL/SQL, Python, Ruby, XML. 

       编辑器的主题：Eclipse, Emacs, Flash, JEdit, Visual Studio.

       同时我们还可以使用文本框框起来，使用小字体。  我们也可以创建带有行号的高亮源代码。

word中如何使用代码高亮插件

       使用代码高亮插件的步骤如下：

       步骤一：下载插件和源代码：SyntaxHighlighter4Word.zip

       步骤二：下载文件后，解压，然后双击bin\word\Kong.SyntaxHighlighter.Word.vsto或bin\word\Kong.SyntaxHighlighter.Word.vsto，即可完成安装，当然前提是你装了.net framework 4.0。安装成功后的提示如下：

       　步骤三：安装插件后，会在word中多一个功能区(支持word和word)：

       　步骤四：点击"设置"按钮，弹出设置界面：

       　步骤五：这里简化了配置，去掉了前一个版本中的一些设置。

       步骤六：点击"插入代码"按钮，弹出如下界面：

       　步骤七：可以选择C#、Java、Xml、Javascript等多种语言。

       步骤八：在word效果如下：

       　步骤九：发布到博客后的效果如下：

       using System;

       using System.Collections.Generic;

       using System.Linq;

       using System.Text;

       using System.Windows.Forms;

       using Kong.SyntaxHighlighter.Winform;

       using Microsoft.Office.Tools.Ribbon;

       namespace Kong.SyntaxHighlighter.Word

       {

       public partial class Ribbon1

       {

       private void Ribbon1_Load(object sender, RibbonUIEventArgs e)

       {

       }

       }

       }

       步骤十：我在Word中生成这段代码的时候，用了ol和li，并且设置了ol以及li的style，这样在word中就可以显示边框以及交替行的颜色，同时给ol设了一个class=codeBlock，妄想在发布到博客后可以通过这个样式名codeBlock来自定义自己喜欢的样式。我在word中生成的代码大概是这个样子：

       步骤十一：所以我们在博客中，不得设置所有ol的style，幸好博客园的文章都是在一个id为cnblogs_post_body的div下的，所以我在我博客中加了下面的style：

       #cnblogs_post_body ol

       {

       border: 1px dotted #;

       line-height: %;

       word-break: break-word;

       font-family: Consolas, Verdana !important;

       border-radius: 5px;

       width: %;

       background-color: #E3E3FF;

       list-style-position: outside;

       margin-left: 0px;

       }

       #cnblogs_post_body ol font

       {

       font-size: px !important;

       }

       #cnblogs_post_body ol li

       {

       background-color: #fff;

       padding-left: 5px;

       border-left: 1px solid #8A8AFF;

       margin-left: 5px !important;

       }

       #cnblogs_post_body ol li:nth-child(even)

       {

       background-color: #9ac4e5;

       }

       步骤十二：补充一下，这段文本是加在这里的：

linux Vi编辑器代码高亮设置及永久显示行号的方法

       在linux中用vi编辑和修改文件配置中没有彩色显示文件的内容，特别一些关键字不能彩色显示，给我们配置服务过程中造成极大的不方便。其实主要是vi本身不带颜色的，vim带颜色下面给出一种解决的方法。

Vi编辑器代码高亮设置

       1、检查是否开启高亮显示，一般默认是开启的。

       2、修改 #vi /etc/bashrc 在最后面加入

       alias vi=vim

       然后wq保存退出。

       这样在shell里面敲入vi时候就自动打开vim了（vim是vi improve的简称）

       3、修改 #vi /etc/vimrc 在如下语句中加入syntax on ，之后重启vi或者重启电脑，就可以开启高亮显示了。

bash/shell Code复制内容到剪贴板ift_Co2||has(gui_running)syntaxonsethlsearchendif

       注意：如果有的话则不必再添加。

       在Linux系统中，我们经常会使用vi或vim命令，来操作文本，有时候，我们的脚本文件出了错误，会抛出一个带行号的异常，然后我们根据提示，重新打开，我们的源码进行查看，而这时候，如果你的vim没有设置显示行号功能，我们查找出问题的一行的代码，则非常不方便。

设置Vim编辑器永久显示行号

       修改 /etc/vimrc 文件，在文件末尾添加如下两行设置命令：

       复制代码

       代码如下:

set nu

       set tabstop=4

       注：set nu #显示行号 set tabstop=4 #设置缩进

怎样看网页代码？

       查看网页源代码及修改源代码的方法如下：

       1、打开所要修改的网页，然后按下键盘上的“F”，会出现一个源代码页面：

       2、然后点击左上角的小箭头，使其高亮：

       3、然后鼠标选择需要修改的内容，下面会出现相对应的代码，如下：

       4、然后在代码中鼠标右键，选择第一个的“Edix text”：

       5、此时将原来的“举报”改成“你好”，可以看到上面的内容已经变更了，这样就完成了修改：