种草给大家,我的Atom在windows上最近老闪退,所以换VScode喽。在Mac上Atom还是蛮好用的。
去官网下载你所需要的安装包哦,地址在这里哦https://code.visualstudio.com/
适合前端的一些插件:(windows系统下)
打开VScode界面用快捷键ctrl+p输入:ext install 回车输入以下插件名称
1.Auto Close Tag
自动添加html/xml关闭标签
2.Auto Rename Tag
自动重命名成对的html/xml标签
3.Beautify
美化javascript、JSON、CSS、Sass和HTML
4.Bootstrap 3 Snippets
支持Bootstrap代码片段
5.Bracket Pair Colorizer
用颜色标识匹配的括号
6.Code Runner
为多种语言运行代码片段或代码文件:C, C++, Java, JavaScript, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D,和自定义命令
7.Colorize
标记文件颜色
8.Debugger for Chrome
从VS代码中调试运行在Google Chrome中的JavaScript代码
9.Document This
自动为打印文件和JavaScript文件生成详细的JSDoc注释
10.Easy Less
less yo css
11.ESLint
ES语法验证
12.Filesize
显示状态栏中的当前文件大小
13.Git History (including git log)
git历史版本记录
14.GitLens
通过Git责备注释和代码透镜可视化代码,无缝导航和探索文件或分支的历史,获得有备注
15.HTML CSS Support
对HTML文档的CSS支持
16.HTML Snippets
对HTML片段支持包含HTML5
17.htmlhint
将html提示静态集成
18.JavaScript (ES6) code snippets
支持ES6语法
19.JavaScript Snippet Pack
javascript支持
20.jQuery Code Snippets
支持jQuery代码片段
21.Material Icon Theme
主题
22.Npm Intellisense
npm集成
23.Output Colorizer
日志文件的synatx突出显示
24.Path Autocomplete
路径自动补全
25.Path Intellisense
路径集成
26.Project Manager
项目管理器
27.SCSS IntelliSense
SCSS集成
28.stylelint
语法验证
29.Syncing
让你自己的github代码同步所有设置
30.Version Lens
在编辑器中显示了npm、jspm、保尔、配音和多net核心的包版本信息
31.Vetur
由Vue-语言服务器提供的VS代码的Vue工具
32.vscode-fileheader
向文件头添加注释,并支持自动更新文件修改时间
33.vscode-icons
文件图标
34.VueHelper
帮助vue~
35.open in browser
右击在浏览器中打开
装完之后需要重启或者重新加载。就完全OK了。有好的继续安利给大家哦~
希望对你有所帮助哦