vscode插件源码阅读_vscode 插件编写

文章目录：

• 1、vscode中vue用什么插件代码高亮
• 2、vscode有没有支持codeIgniter框架代码提示的插件啊
• 3、vscode python 需要装哪些插件
• 4、适合前端开发人员的vscode扩展插件有哪些？
• 5、如何实现前端代码打开vscode编辑器
• 6、如何 在 VSCode集成 angular2/4 插件

vscode中vue用什么插件代码高亮

安装Visual Assist X插件，支持JavaScript。有语法高亮。 如果不安装插件请使用VS2010或者V

vscode有没有支持codeIgniter框架代码提示的插件啊

你好！

可以试试安装插件

PHP intelliSence(现在不维护了)，使用PHP Intelephense代替

PHPintelliSence for codeigniter插件

希望对你有帮助！

vscode python 需要装哪些插件

推荐几个自己喜欢的，不带链接，自己搜索安装吧。

五星力荐：

1. Bracket Pair Colorizer ：对括号对进行着色，再也不会搞不清状况了。

2. Git History: 可以查看Git log, file, 和line 历史记录。

3. Markdown PDF: 将markdown文档转换成pdf的利器

4. VSCode Great Icons: 我非常喜欢的一套Icons主题，对展开的文件有变色处理，很容易分辨

5. vscode-fileheader: 添加头header comment，厉害的

6. monokia dimmed颜色主题，码员大爱

7. Path Intellisense: 路径提示器，好用得不得了

8. Setting Sync: 同步你得设置和插件

9. output colorizer: 输出着色

其他：

1. Code Spellchecker : 代码拼写检查，有时候也很烦，但是为了养成好的命名习惯也是好的

2. Document This: 为JavaScript和TypeScript提供JSDoc comments

3. filesize : 会在左下角显示文件大小，很不错

4. markdownlint: markdown 语法提示器

还有些限于语言得插件，因人而异，不介绍了。

适合前端开发人员的vscode扩展插件有哪些？

1，HTML snippets(Visual Studio Code HTML snippets)

这是一款前端开发者必备的扩展，它能将你从手动键入每个标签中解放出来。只需输入 div 然后按下回车，一对标签就出现了。更厉害的是，对于需要嵌套的标签，你可以直接用 ullia 的格式表示，按下回车后就能看到你需要的嵌套。还有一点，这个扩展已经包括所有的 HMTL5 片段。

2，JavaScript (ES6) code snippets

几乎每个前端程序员都是 JavaScript 的使用者，为了提高编写 JS 代码的效率，这个扩展很有用，并且它还支持 .ts, .tsx 和 .jsx 文件。

扩展中有很多快捷缩写，比如想要调用 export default class ClassName{}，输入 ecl 按下空格即可。

3，CSS Peek

既然已经分别介绍了 HTML 和 JS 的助手，我们也不能落下 CSS。CSS Peek 是一个支持 .html 和 .js 文件的扩展，它能帮助开发者快速找到和查看选定类或 id 所用的样式。对于那些不喜欢来回切换文件或者分屏的开发者来说这个扩展很有用。

4，Angular/React/Vue

既然提到了代码片段，我们最好也提一下每个框架下的不同扩展。

对 AngularJS 来说，Angular Snippets(Version 8)是针对 AngularJS 8 的一款扩展，它为我们提供 Typescript 和 HTML 的代码片段。

对于 React.js 框架，ES7 React/Redux/GraphQL/React-Native snippets 是一个优秀的扩展，它使用 ES7 提供 React 和 Redux 的代码片段，用法和 Javascript snippets 类似，都是按空格键。

对 Vue.js 开发，有一个叫 Vetur 的扩展相当棒，它目前的下载量已经有将近2,000万。Vetur 的功能很强大，包括代码片段，Emmet，错误检查，格式化，调试和高亮语法等。

5，ESLint

如果你想要写出友好，易读，干净的代码，我建议你在 VSC 中安装一个 ESLint 扩展，它会帮助你持续养成好的编码习惯，比如缩进等。

6，Prettier 代码格式工具

说到漂亮整洁的代码，Prettier 听名字你就值得拥有。尤其在项目需要你和其他同事合作完成时，Prettier 会强势地将代码格式全部统一，让你再也不用和同事讨论自己的代码。

7，GitLens

VSC 是整合了 git 功能的，通过安装 GitLens 这个功能将会更强大，它能让你看到每一行代码是由谁在什么时候写的，并且快速查看代码提交详情，在团队协作中这个扩展很有用。

8，Auto import 自动导入包

Auto import 是一个自动导入包扩展。如果目前手头的项目是基于不同组件的，那么你需要做的就是给每个组件命名，剩下的事交给 Auto import 就好。

9，Path autocomplete 路径自动补全

提到了导入的问题，另一个重要的扩展就是能够智能补全导入文件路径的 Path autocomplete。使用时，输入 ./ 后你就会看到一个包含所有文件名的下拉菜单。当文件目录繁杂时，这个扩展真的是很好用，它为你省去了很多一层一层刨开目录的痛苦。

10，Bracket Pair Colorizer 括号着色器

括号着色器能让我们一眼看出当前代码块的反括号在哪里。有时候在稍微复杂的函数中，找到正确的那对代码并不是那么容易，但 Bracket Pair Colorizer 在你键入一个括号时就为这一对括号分配了自己的颜色，便于阅读。

11，Indenticator 缩进指示器

Indenticator 可以高亮显示出当前缩进的深度，深度由线和点表示，同样使代码更整洁，提高代码易读性。

12，Debugger for Chrome 调试器

放在最后的是重磅级的调试扩展 Debugger for Chrome。这个插件能让你在 VSC 里面直接调试 JS 文件，效果和 Chrome 的控制台中差不多，让你不用打开浏览器就直接打断点。 （BY三人行慕课）

如何实现前端代码打开vscode编辑器

vscode 可安装静态web服务器 Live Server用于运行前端代码，方便调试。最新的 Live Server已支持php动态页面。

安装方法是，点击左侧第五个图标，打开“扩展”页面，在文本框中输入Live Server，点击第一个搜索结果，在右侧页面中点击安装，等待安装完成。

运行方式是，选中项目，点击屏幕下方工具栏中的Go live按钮即可。再点击一次，即停止运行服务器。

Live Server有一些默认配置选项，用户可以修改。点击 文件-首选项-设置， 在右侧页面中找到 Live Server Config，其中列出的是本插件的配置属性。将其复制到右侧，修改属性值，点击保存即可。例如，修改默认的端口，可以复制以下代码到页面的右侧的用户设置中。

1

"liveServer.settings.port": 5501

点击保存，默认的端口就有5500改为5501.

其他设置的含义，查找该插件的说明文档。

注意，VSCode 中的所有设置都是通过json格式的数据配置的。用户可以查找对应的key值，修改其value，从而修改配置属性。

如何 在 VSCode集成 angular2/4 插件

从git上下载了phonecat源码之后,里面有一个app文件夹,直接将此文件夹全部复制,放入nginx或者其他web容器中发布出来即可访问